我该怎么做?
$('#forward').mouseenter(
function() {
$("#scroller").trigger("slideTo", [1, "next"]);
}
);
$('#backward').mouseenter(
function() {
$("#scroller").trigger("slideTo", [1, "back"]);
}
);
当我的鼠标位于按钮顶部时,它应该继续滚动,而当我的鼠标位于按钮之外时,它就会停止滚动。显然它只会滚动一次然后停止。我需要将按钮悬停激活,这样用户就不会一直单击该按钮。
引用:http://caroufredsel.frebsite.nl/code-examples/custom-events.php
最佳答案
我相信您正在寻找这个http://jsfiddle.net/DNcAS/3/
$("#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");
});
对于线性滚动,将配置选项修改为 http://jsfiddle.net/DNcAS/4/
scroll : {
items : 1,
duration : 1000,
easing : "linear",
pauseDuration : 0
}
或者您可以将 mouseenter
和 mouseleave
替换为 hover
http://jsfiddle.net/DNcAS/5/
ps:更短的版本http://jsfiddle.net/DNcAS/6/
$('#foo2_next,#foo2_prev').hover(function() {
var dir = $(this).hasClass('next') ? 'left' : 'right';
$("#foo2").trigger("configuration", ["direction", dir])
.trigger("play");
}, function(){
$("#foo2").trigger("pause");
});
关于javascript - 鼠标进入时继续滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9457530/