首页>>焦点图>>jquery全屏图片滑动切换代码,固定高度(2016-03-17)

jquery全屏图片滑动切换代码,固定高度

jquery全屏图片滑动切换代码,固定高度
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script >  
  2. $(document).ready(function() {  
  3.     $(".slideInner").slide({  
  4.         slideContainer: $('.slideInner a'),  
  5.         effect: 'easeOutCirc',  
  6.         autoRunTime: 5000,  
  7.         slideSpeed: 1000,  
  8.         nav: true,  
  9.         autoRun: true,  
  10.         prevBtn: $('a.prev'),  
  11.         nextBtn: $('a.next')  
  12.     })  
  13. })  
  14. </script>  
XML/HTML Code
  1. <div class="slides">  
  2.     <div class="slideInner">  
  3.         <a href="#" style="background: url(images/slide1.jpg) no-repeat;">  
  4.         </a>  
  5.         <a href="#" style="background: url(images/slide2.jpg) no-repeat">  
  6.         </a>  
  7.         <a href="#" class="slide3" style="background: url(images/slide3.jpg) no-repeat;">  
  8.   
  9.         </a>  
  10.   
  11.     </div>  
  12.     <div class="nav">  
  13.         <a class="prev" href="javascript:;"></a>  
  14.         <a class="next" href="javascript:;"></a>  
  15.     </div>  
  16. </div>  

 


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