全屏滚动插件

网址:http://www.dowebok.com/demo/2014/77/

          fullpage_css: <link href="https://cdn.bootcss.com/fullPage.js/2.9.5/jquery.fullpage.css" rel="stylesheet">

          jquery: <script src="https://cdn.bootcss.com/jquery/3.2.1/core.js"></script>

          fullpage_js: <script src="https://cdn.bootcss.com/fullPage.js/2.9.5/jquery.fullpage.js"></script> //fullpage.js插件对jquery插件有依赖

  

html:
<div id="dowebok">
    <div class="section">
        <h3>第一屏</h3>
    </div>
    <div class="section">
        <h3>第二屏</h3>
    </div>
    <div class="section">
        <h3>第三屏</h3>
    </div>
    <div class="section">
        <h3>第四屏</h3>
    </div>
</div>

每一个 section 表明一屏，默认显示“第一屏”，若是要指定加载页面时显示的“屏幕”，能够在对应的 section 加上 class=”active”,如：

<div class="section active">第三屏</div>

javascript:这个是必须的,调用fullpage()函数,jquery.js中没有fullpage方法,fullpage.js中有定义fullpage方法

$(function(){ $('#dowebok').fullpage(); });