你的位置:首页 > Java教程

[Java教程]基于jQuery全屏焦点图切换插件responsiveslides


基于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>

via:http://www.w2bc.com/article/60563