首页 > 编程 > JavaScript > 正文

基于jQuery全屏焦点图左右切换插件responsiveslides

2019-11-20 11:35:46
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表