微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – 如何显示div 10秒,然后隐藏它

我有一个div块,在另一个div的鼠标悬停。

div1 img // mouse over显示div2。

我想显示div2 10秒,然后隐藏它,你能告诉我如何解决这个问题

谢谢

解决方法

$("#div1").mouseenter(function() {
    var $div2 = $("#div2");
    if ($div2.is(":visible")) { return; }
    $div2.show();
    setTimeout(function() {
        $div2.hide();
    },10000);
});

另一种方式:

$("#div1").mouseenter(function() {
    var $div2 = $("#div2");
    if ($div2.data("active")) { return; }
    $div2.show().data("active",true);
    setTimeout(function() {
        $div2.hide().data("active",false);
    },10000);
});

原文地址:https://www.jb51.cc/jquery/182653.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐