首页>>焦点图>>左右滚动轮播焦点图 上下滚动 隐藏显示按钮和标题(2014-07-08)

左右滚动轮播焦点图 上下滚动 隐藏显示按钮和标题

左右滚动轮播焦点图 上下滚动 隐藏显示按钮和标题
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script>  
  2. jQuery(function($){  
  3.     $('#demo1').slideBox();  
  4.     $('#demo2').slideBox({  
  5.         direction : 'top',//left,top#方向  
  6.         duration : 0.3,//滚动持续时间，单位：秒  
  7.         easing : 'linear',//swing,linear//滚动特效  
  8.         delay : 5,//滚动延迟时间，单位：秒  
  9.         startIndex : 1//初始焦点顺序  
  10.     });  
  11.     $('#demo3').slideBox({  
  12.         duration : 0.3,//滚动持续时间，单位：秒  
  13.         easing : 'linear',//swing,linear//滚动特效  
  14.         delay : 5,//滚动延迟时间，单位：秒  
  15.         hideClickBar : false,//不自动隐藏点选按键  
  16.         clickBarRadius : 10  
  17.     });  
  18.     $('#demo4').slideBox({  
  19.         hideBottomBar : true//隐藏底栏  
  20.     });  
  21. });  
  22. </script>  

 

XML/HTML Code
  1. <div id="demo1" class="slideBox">  
  2.   <ul class="items">  
  3.     <li><a href="" title="这里是测试标题一"><img src="img/1.jpg"></a></li>  
  4.     <li><a href="" title="这里是测试标题二"><img src="img/2.jpg"></a></li>  
  5.     <li><a href="" title="这里是测试标题三"><img src="img/3.jpg"></a></li>  
  6.     <li><a href="" title="这里是测试标题四"><img src="img/4.jpg"></a></li>  
  7.     <li><a href="" title="这里是测试标题五"><img src="img/5.jpg"></a></li>  
  8.   </ul>  
  9. </div>  

 


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