这当然很简单,但我不能让我的渐变div在鼠标悬停时停止



好吧,我真的是个初学者,但我正在尝试获得这个JS

$(document).ready(function(){
setTimeout(function(){
$("div.left-col-wrap-outer").fadeOut("slow", function () {
$("div.left-col-wrap-outer").remove();
  });
}, 9000);

});

用鼠标悬停9秒后停止动画/淡出,然后重新启动mouseoff上的9秒计时器。

任何真正引起兴趣的帮助

$(document).ready(function(e){
   $("div.left-col-wrap-outer").mouseleave(function(e){
       $("div.left-col-wrap-outer").fadeOut("slow");
});
});

你想要这个吗?

这应该可以完成

$(document).ready(function() {
    var fade = setTimeout(function(){
        $("div.left-col-wrap-outer").fadeOut("slow", function () {
                $("div.left-col-wrap-outer").remove();
        });
    }, 9000);
    $("div.left-col-wrap-outer").mouseout(function() {
        fade = setTimeout(function(){
            $("div.left-col-wrap-outer").fadeOut("slow", function () {
                    $("div.left-col-wrap-outer").remove();
            });
        }, 9000);
    });
    $("div.left-col-wrap-outer").mouseover(function() {
        clearTimeout(fade);
    });
});

最新更新