pushin.js 无限推进滚动特效插件


pushin.js 无限推进滚动特效插件

第一步引入bfwone

第二步执行插件代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["pushIn","pushIn"], function() {});
        });
    </script>
</head>
<body style="background:white;">
    <div id='wrapper'>
        <div id='scroller'>
            <!-- For iScroll functionality -->

            <div id='layer1' class='layer hide' data-params='30,600,200'>
                <!-- Each layer of depth defined by class "layer" -->
                <div class='yellow dot'>
                    <div class='content'>
                        <h4>Yellow</h4>
                    </div>
                </div>
                <div class='green dot'>
                    <div class='content'>
                        <h4>Green</h4>
                    </div>
                </div>
                <div class='blue dot'>
                    <div class='content'>
                        <h4>Blue</h4>
                    </div>
                </div>
            </div>
            <div id='layer2' class='green layer hide' data-params='500,1600,10000'>
                <h4>This is a second layer set to a slow speed.</h4>
            </div>
            <div id='layer3' class='blue layer hide' data-params='1500,10000,800'>
                <h4>The final layer</h4>
            </div>

        </div>
        <!-- scroller -->
    </div>
    <!-- wrapper -->
</body>
</html>


示例如下



立即下载pushIn.js查看所有js插件

网友评论0

程序员在线工具箱