首页>>Jquery图片>>队列slide滚动，始终占满宽度的切换效果(2015-08-10)

队列slide滚动，始终占满宽度的切换效果

队列slide滚动，始终占满宽度的切换效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script defer>  
  2. (function($) {  
  3.   $(window).bind('load', function() {  
  4.     $('div#qs1').queueSlider();  
  5.   
  6.     $('div#qs2').queueSlider({  
  7.       fade: -1,  
  8.       transitionSpeed: 300,  
  9.       speed: 0,  
  10.       direction: -1,  
  11.       offScreen: false,  
  12.       previous: 'v',  
  13.       next: 'v'  
  14.     });  
  15.   });  
  16. }(jQuery));  
  17. </script>  
XML/HTML Code
  1. <div id="qs1" class="queueslider">  
  2.   <ul class="queue">  
  3.     <li><img src="images/img1.jpg" alt="Entering Louisville, KY" /></li>  
  4.     <li><img src="images/img2.jpg" alt="Bridges" /></li>  
  5.     <li><img src="images/img3.jpg" alt="Chicago, IL from Grant Park" /></li>  
  6.     <li><img src="images/img4.jpg" alt="Bridge in Chicago, IL" /></li>  
  7.   </ul>  
  8. </div>  

 


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