信鸽网

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

  作者：bea

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

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





有用  |  无用

猜你喜欢

您可能感兴趣的文章: