我们正在使用JS来制作推荐滑块。我需要幻灯片之间的暂停时间更长。所以人们有机会阅读文本,但是围成一圈。
任何帮助表示感谢。
js是:
$(document).ready(function(){
var slider = function() {
$('#testimonials .slide').filter(':visible').fadeOut(1000,function(){
if($(this).next('li.slide').size()){
$(this).next().fadeIn(2000);
}
else{
$('#testimonials .slide').eq(0).fadeIn(1000);
}
});
};
var interval = setInterval(slider, 5000);
$('#testimonials .slide').hover(function() {
clearInterval(interval);
}, function() {
interval = setInterval(slider, 5000);
});
});
html是:
这里有一些消息
这里有一些消息
css是:
#testimonials {width: 500px;height: 100px;list-style-type: none !important;}
#testimonials .slide {list-style-type: none !important;}
blockquote {font-size: 18px;font-family:"proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;color: #333;font-style: italic; line-height:24px;}
答案 0 :(得分:1)
见行......
interval = setInterval(slider, 5000);
...将5000
更改为更大的数字。 1000
大约1
秒。