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

发布时间：2020-12-14 23:09:04 所属栏目：资源来源：网络整理

导读：基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头，索引按钮的自动轮播切换特效下载。效果图如下：在线预览源码下载 html代码： script type="text/javascript"$(function () { // Slideshow $("#slider").responsiveSlides({ auto: true,p

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!