漂亮的jQuery 3D动画图片轮播切换特效插件jquery.slicebox.js基于jQuery，插件采用CSS 3D动画效果，支持事件Callback调用，支持参数自定义配置，如：速度：600切换速度，是否自动播放autoplay:true。在浏览器兼容性方面，浏览器需要支持CSS3变换变形属性，不支持就看不到3D特效。建议学习下一个代码。

用法：

1.加载插件和jQuery

链接类型='text/css' rel='样式表' href='css/slicebox.css' /脚本类型=' text/Javascript ' src=' http : js/modernizr . js '/脚本类型=' text/Javascript ' src=' http : js/jquery8 . js '/script type=' text/Javascript ' src=' http 3360 js/jquery . slicebox。DOCTYPE html

ul id=' sb-slider ' class=' sb-slider ' Li img src=' http : images/1 . jpg ' alt=' image1 '/Li Li img src=' http : images/2 . jpg ' alt=' image2 '/Li Li img src=' http : images/3 . jpg ' alt=' image2 '/Li img src=' http : images/4 . jpg ' alt=' image2 '/Li上一页/span span onclick=' $ slicebox。“next()；”下一页/span span onclick=' $ slicebox。“跳(4)；”跳过第3页。函数调用

脚本类型=' text/JavaScript ' var $ slice box；$(function(){ $ slide box=$(' # sb-slider '))。slidebox ({interval :6000，orientation :' r '，//表示幻灯片的切换方向，可以是(v)垂直。(h)水平方向或(r)随机方向透视： 800，//透视点距离，可以通过改变其值来检查效果长方体数： 5，//幻灯片上水平或垂直切割的块数，3D时每个切割的块数都会切换为长方体随机： true。//cuboidcount参数的值是否为maxcuboidcount 3360 5，//设置一个值指定最大cuboidcount值colorHiddenSides : ' # 333 '，//隐藏幻灯片顺序的颜色： 150，//幻灯片切换时间(毫秒)速度： 600，//每个3D立方体自动播放的速度3360 true，//是否自动开始切换onbeforechange :函数(位置){返回false}，onAfterChange :函数(位置){返回false} });});/script参数描述：方位3360' r '，//表示幻灯片的切换方向，可以是(v)垂直方向，(h)水平方向或者(r)随机方向透视3360 800，//透视点距离，通过改变其值可以查看效果。//幻灯片上水平或垂直剪切的块数。每个块切割都将切换到3D中的立方体随机：块。//cuboidcount参数maxcuboidcount 33605的值是随机的吗？//设置一个值指定最大cuboidsCount值colorhiddenisides: ' # 333 '，//隐藏幻灯片的颜色sequentialfactor 3360 150，//幻灯片切换时间(毫秒)speed3360 600，//每个3D立方体自动播放的速度3360 true，//是否自动开始切换。

演示脚本下载

以上就是本文的全部内容，希望大家喜欢。