网址: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();
});