我正在使用响应式滑块,它不会在悬停时停止,我不明白为什么,这是我的脚本,告诉它在悬停时暂停

<script type='text/javascript'>
 $(function () {
    $(&quot;.rslides&quot;).responsiveSlides({
  timeout: 8000,
  pause: true,
});
  });
</script>


这是实现它的页面的实时演示http://bloghutsbeta.blogspot.com/2012/04/testing-slider.html

相关标记:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src='http://files.cryoffalcon.com/javascript/responsiveslides.min.js' type='text/javascript'/>


HTML:

<ul class="rslides">
<li><img width="660" height="400" src="http://responsive-slides.viljamis.com/1.jpg" alt="" /></li>
<li><img width="660" height="400" src="http://responsive-slides.viljamis.com/2.jpg" alt="" /></li>
<li><img width="660" height="400" src="http://responsive-slides.viljamis.com/3.jpg" alt="" /></li>
</ul>


CSS:

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 660px;
  padding: 0;
  margin: 0;
height:400px;
  }

.rslides li {
  position: absolute;
  width: 660px;
height:400px;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 660px;
height:400px;
  border: 0;
  }


编辑:链接到此插件的创建者页面http://responsive-slides.viljamis.com/

最佳答案

<script type='text/javascript'>
 $(function () {
    $(".rslides").responsiveSlides({//use quotes
  timeout: 8000,
  pause: true//trailing comma taken out
});
  });
</script>

07-25 23:14