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

前端技术 2023/09/08 JavaScript

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

本文地址：https://www.stayed.cn/item/21524

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案