携程网案例
结构划分
- 头部 header
- a
- img
- a
- 主体 main
- section
- div.left
- div.right
- a
- 最后一个section用类名单独区分
- 俩个a,包裹img
- section
- 底部 footer
- nav 里面包裹三个a
- p 包裹三个a
- p 包裹文字
全屏插件的使用
-
引入jquery、引入jquery.fullPage.js
-
复制结构
<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>
-
第三步js初始化
$(functio