基于jQuery全屏焦点图左右切换插件responsiveslides
更新时间:2015年09月07日 16:26:16 投稿:mrr
这篇文章主要介绍了基于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>
相关文章
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下2012-06-06
最新评论