鼠标进入时保持滚动
keep scrolling when mouse enter
如何做到这一点?
$('#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");
});
你的意思是这样的吗?
var forwardInterval;
$('#forward').mouseenter(
function() {
forwardInterval = setInterval(function() {
$("#scroller").trigger("slideTo", [1, "next"]);
}, 1000);
}
);
$('#forward').mouseleave(
function() {
clearInterval(forwardInterval);
}
);
相关文章:
- JQuery UI可拖动潜水与滚动棒到鼠标
- 如何查明鼠标按下事件是否发生在滚动条上或元素中的其他任何位置
- fullpage.js和物化.js;使用实体侧导航禁用鼠标滚动
- 如何避免鼠标水平滚动选项卡面板溢出
- 如何在鼠标滚轮滚动上设置剪切遮罩的动画
- 如何使用鼠标滚动控制fullPage.js垂直滑块
- 使用鼠标滚轮水平滚动页面
- 网站跟随鼠标滚动
- 用鼠标逐个滚动页面
- 当用户将鼠标移到屏幕/图表上时,自动滚动将暂停.如果鼠标移动停止,自动滚动将再次恢复
- jQuery UI 对话框和滚动块竞争鼠标
- JQuery 自动滚动到底部(但在鼠标滚动时禁用)
- 我想要一个类似于网站 https://onlycoin.com/ 的jQuery鼠标滚动动画效果
- 禁用预测滚动 - 鼠标滚轮 (OnScroll) 事件触发过于频繁(触摸板)
- 在动态创建的 svg 元素上滚动鼠标时放大/缩小
- 垂直滚动鼠标时图像移动
- 停止滚动鼠标
- carouFredSel滚动鼠标按下
- 气泡滚动/鼠标滚轮事件
- 如何获取 CKEDITOR 文本区域的滚动/鼠标/光标的 X Y 位置