jQuery-plugin-pagePiling

用法整理

• 下载地址：https://github.com/alvarotrigo/pagePiling.js#pagepilingjs

• 参考文档：https://github.com/alvarotrigo/pagePiling.js#pagepilingjs

• 能实现页面过渡跳转（类似百度百科的样子）
  

• 用法：

  
  
  • First section
  
  
  • Second section
  
  
  • Third section
  
  
  • Fourth section
  
  
  
  
  
  

  i am a good boy !

  
  

  talk is cheap!

  
  

  show me the code !

  
  

  fighting!you can do it

  
  

  var deleteLog = false;

  $(document).ready(function() {
  $('#pagepiling').pagepiling({
  menu: '#menu',
  anchors: ['section1', 'section2', 'section3','section4'],
  navigation: {
  'textColor': '#f2f2f2',
  'bulletsColor': '#ccc',
  'position': 'right',
  'tooltips': ['Page 1', 'Page 2', 'Page 3', 'Page 4'],
  }
  });
  });

• 注意menu的选择器记得要匹配好

• a链接的跳转id地址要匹配好

• 更多用法看文档