slicebox三维幻灯片轮播插件实现的三维切片轮播效果
代码语言:html
所属分类:幻灯片
代码描述:slicebox三维幻灯片轮播插件实现的三维切片轮播效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BFW NEW PAGE</title> <script id="bfwone" data="dep=jquery.17|modernizr.custom&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script> <script type="text/javascript"> var $slicebox; bready(function() { use(["jquery.slicebox", "slicebox"], function() { $slicebox = $('#sb-slider').slicebox({ interval: 6000, orientation: "r", //表示幻灯片的切换方向,可取 (v)垂直方向, (h)水平方向 or (r)随机方向 perspective: 800, //透视点距离,可以通过改变其值查看效果 cuboidsCount: 5, //幻灯片横向或纵向被切割的块数,切割的每一块将会以3D的形式切换 cuboidsRandom: true, //是否随机 cuboidsCount 参数的值 maxCuboidsCount: 5, //设置一个值用来规定最大的 cuboidsCount 值 colorHiddenSides: "#333", //隐藏的幻灯片的颜色 sequentialFactor: 150, //幻灯片切换时间(毫秒数) speed: 600, //每一块3D立方体的速度 autoplay: true, //是否自动开始切换 onBeforeChange: function(position) { return false; }, onAfterChange: function(position) { return false; } }); }); }); </script> </head> <body> <div class=&quo.........完整代码请登录后点击上方下载按钮下载查看
网友评论0