JavaScript滑块代码
JavaScript滑块代码
提问于 2011-06-05 02:55:37
我正在制作div块的js-slider。我两边都有箭。我想在鼠标结束时水平滚动我的滑块。在此之前，我使用以下代码完成了所有工作：
jQuery('.control')
.bind('click', function(){
jQuery('#slideInner').animate({
'marginLeft' : SlideWidth * SlideNumber
});
});但是，如果我想滑动所有内容，直到鼠标移到.control上，该怎么办
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-06-05 03:03:54
当元素悬停时，您应该有一个延迟循环的setInterval(...)
var interval = null; // I use global var for this example - globals are discouraged in general
jQuery('.control')
.hover(function(){
interval = setInterval(function() { // start looping when mouse enters
jQuery('#slideInner').animate({
'marginLeft' : SlideWidth * SlideNumber
});
},
1000); // this is how many milliseconds you want to wait between animations
}, function(){
clearInterval(interval); // stop looping when mouse is out
});注意:这是一种过度简化，需要进一步的工作(例如，检查边界是否超出范围，等等)，但它的目的是展示如何应用setInterval(...)来解决您的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6238741
复制相关文章
相似问题
腾讯云开发者
