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