Javascript 鼠标进入时保持滚动
我该怎么做Javascript 鼠标进入时保持滚动,javascript,jquery,hover,mouseevent,carousel,Javascript,Jquery,Hover,Mouseevent,Carousel,我该怎么做 $('#forward').mouseenter( function() { $("#scroller").trigger("slideTo", [1, "next"]); } ); $('#backward').mouseenter( function() { $("#scroller").trigger("slideTo", [1, "bac
$('#forward').mouseenter(
function() {
$("#scroller").trigger("slideTo", [1, "next"]);
}
);
$('#backward').mouseenter(
function() {
$("#scroller").trigger("slideTo", [1, "back"]);
}
);
当我的鼠标在按钮上方时,它应该保持滚动,当我的鼠标在按钮外面时,它将停止滚动。显然,它只会滚动一次,然后停止。我需要按钮悬停激活,这样用户就不会一直点击按钮
参考资料:你的意思是这样的吗
var forwardInterval;
$('#forward').mouseenter(
function() {
forwardInterval = setInterval(function() {
$("#scroller").trigger("slideTo", [1, "next"]);
}, 1000);
}
);
$('#forward').mouseleave(
function() {
clearInterval(forwardInterval);
}
);
我相信你在找这个 对于线性滚动,请根据需要修改配置选项 或者您可以将
mouseenter
和mouseleave
替换为hover
ps:更简短的版本
嗨,德米特里·诺金,谢谢你的回答,但我不知道为什么它对我不起作用。它正确地调用了函数,但没有持续触发。它只运行一次。是的,这正是我要找的。谢谢你,非常高兴!
$("#foo2").carouFredSel({
auto : {
button : "#foo2_play"
},
scroll : {
items : 1,
duration : 1000,
pauseDuration : 0
}
}).trigger("pause");
$('#foo2_next').mouseenter(
function() {
$("#foo2").trigger("configuration", ["direction", "left"])
.trigger("play");
}).mouseleave(function(){
$("#foo2").trigger("pause");
});
$('#foo2_prev').mouseenter(
function() {
$("#foo2").trigger("configuration", ["direction", "right"])
.trigger("play");
}).mouseleave(function(){
$("#foo2").trigger("pause");
});
scroll : {
items : 1,
duration : 1000,
easing : "linear",
pauseDuration : 0
}
$('#foo2_next,#foo2_prev').hover(function() {
var dir = $(this).hasClass('next') ? 'left' : 'right';
$("#foo2").trigger("configuration", ["direction", dir])
.trigger("play");
}, function(){
$("#foo2").trigger("pause");
});