jquery fullpage

最新推荐文章于 2024-06-24 17:03:04 发布

都说没想好

最新推荐文章于 2024-06-24 17:03:04 发布

阅读量302

点赞数

分类专栏： web前端（慕课网教程操作+笔记）

本文链接：https://blog.csdn.net/u013045370/article/details/82788576

版权

web前端（慕课网教程操作+笔记）专栏收录该内容

35 篇文章 0 订阅

订阅专栏

全屏滚屏操作，用fullpage

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script src="77/js/jquery-1.8.3.min.js"></script>
<script src="77/js/jquery.fullPage.js"></script>
</head>
<body>
   <div id="dowebok">
    <div class="section">第一屏</div>
    <div class="section">第二屏</div>
    <div class="section">第三屏</div>
    <div class="section">第四屏</div>
</div>
</body>
<script>
    $(function(){
    $('#dowebok').fullpage({
        sectionsColor:["red","blue","green","yellow"],
        afterLoad:function(anchorLink,index){
            alert(index);

        }
    });
});
    </script>
</html>

一些学习网站：

http://www.dowebok.com/77.html（可以download整个包）

https://www.cnblogs.com/axstone/p/7428785.html