Trung tâm cá nhân
sách gpt4 ai đã đi

jquery 滑动/计时问题

In lại 作者：行者123 更新时间：2023-11-28 11:13:04 29 4
mua khóa gpt4 Nike

所以我设置了一个小的 jquery 动画，用户将鼠标悬停在容器上一段时间，这会导致容器 split ，然后显示内部信息。

我不希望鼠标一进入容器就开始动画，所以我在动画上放了一个delay()。现在动画不会立即开始。

但是，有一个问题。如果您快速将鼠标悬停在该区域上，动画就会开始并且开始得非常快。

这里有一个 jsfiddle 来说明... http://jsfiddle.net/Rh96d/

我不希望播放动画，除非用户将鼠标悬停在蓝色区域上一定时间。在此示例中，即使用户将鼠标从该区域移开，动画也会播放，这是不应该发生的。

对不起，如果我不够清楚。我不确定如何让它工作...

1 Câu trả lời

我非常喜欢 jQuery hoverIntent plugin .

这是一个 fiddle implementation .

包含插件后，您的脚本将更改为

function hoverIn () {
    $('#one').stop().animate({marginTop:'-250px'});
    $('#two').stop().animate({marginTop:'500px'});
}
function hoverOut () {
    $('#one').stop().animate({marginTop:'0px'});
    $('#two').stop().animate({marginTop:'0px'});
}
var config = {
    over: hoverIn,
    timeout: 0,
    out: hoverOut,
    interval: 600
};

$('#main').hoverIntent(config);

关于jquery 滑动/计时问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13589801/

29 4 0
Bài viết được đề xuất: css - border-*-image 是否已从 CSS 背景和边框模块中删除？
Bài viết được đề xuất: javascript - 简单的 jQuery 不会加载
Bài viết được đề xuất: html - 更改手机上的字体大小
Bài viết được đề xuất: jquery - 如何从 Rails 中的 JQuery 更改 CSS(背景图像)？
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com