基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头,索引按钮的自动轮播切换特效下载。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
<scripttype="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--><divclass="callbacks_container"><ulclass="rslides"id="slider"><li><ahref="http://sc.chinaz.com/"><imgsrc="images/1.jpg"alt=""></a></li><li><ahref="http://sc.chinaz.com/"><imgsrc="images/2.jpg"alt=""></a></li><li><ahref="http://sc.chinaz.com/"><imgsrc="images/1.jpg"alt=""></a></li><li><ahref="http://sc.chinaz.com/"><imgsrc="images/2.jpg"alt=""></a></li></ul></div></body>
via:http://www.w2bc.com/article/60563