html5 06携程网案例、 全屏插件的使用

section div.left
• div.right a

俩个a，包裹img

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初始化

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

• 参数配置

  sectionsColor：值数组，设置每一平的背景色
• afterLoad：值为函数，函数会在进入某一平的时候调用 anchorLink：能够获得当前这一平的锚点值
• index：从1开始，也就是每一平的索引