基於jQuery全螢幕焦點圖切換插件responsiveslides是一款帶有左右箭頭,索引按鈕的自動輪播切換特效下載。
效果圖如下:
html代碼:
<script type="text/javascript"> $(function () { // Slideshow $("#slider").responsiveSlides({ auto: true, pager: false, nav: true, speed: 500, timeout:4000, pager: true, pauseControls: true, namespace: "callbacks" }); }); </script> </head> <body> <!-- Slideshow --> <div class="callbacks_container"> <ul class="rslides" id="slider"> <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li> <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li> <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li> <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li> </ul> </div> </body>