gpt4 book ai didi

javascript - 为什么 slider 不会在悬停时停止

转载 作者:行者123 更新时间:2023-11-30 08:10:58 24 4
gpt4 key购买 nike

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

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

关于javascript - 为什么 slider 不会在悬停时停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10366204/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com