首页>>Jquery图片>>全屏切换滚动(2015-10-17)

全屏切换滚动

全屏切换滚动
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

JavaScript Code
  1. <script type="text/javascript">  
  2.     $("#container").PageScroll({  
  3.   // html structure  
  4.   selectors : {  
  5.     sections : ".sections",  
  6.     section : ".section",  
  7.     page : ".pages",  
  8.     active : ".active"  
  9.   },  
  10.   
  11.   // index slide  
  12.   index : 0,    
  13.   
  14.   // easing effect   
  15.   easing : "ease",      
  16.   
  17.   // transition duration  
  18.   duration : 500,  
  19.   
  20.   // enable infinite loop  
  21.   loop : false,  
  22.   
  23.   // enable pagination  
  24.   pagination : true,  
  25.   
  26.   // enabke keyboard events  
  27.   keyboard :true,  
  28.   
  29.   // vertical or horizontal  
  30.   direction : "vertical",  
  31.   
  32.   // callback function  
  33.   callback : ""  
  34.     
  35. });  
  36.     //$("#container").PageScroll("init");  
  37.     </script>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_516.html