Question

I ve got a page full of article s, withpher between them, summaryped in a <div id=“shell”>,并试图产生一种效应,如果你对所有其他条款加以控制的话。这很简单,但当你从一条移至另一条时,其他一切都会fa倒或再次消失。不要让所有条款退缩,而是留下<代码>#shell。我只想回头来,当暴动发生时,不要把500米的物品放在一条上,因为炮弹横跨整个窗口。

$( article ).hover(function() {
    if ($( body ).hasClass( hover )) {
        $(this).fadeTo(100,1);
    }
    else {
        $( body ).addClass( hover );
        $( article ).not(this).fadeTo(300, 0.6);
    }
}, function() {
    $(this).fadeTo(300,0.6);
    checkandfade();
});

function checkandfade() {
    setTimeout(function() {
        $(document).mousemove(function(e){
            if (e.target.id ==  shell  && $( body ).hasClass( hover )){
                $( article ).stop(true,true).fadeTo(100, 1);
                $( body ).removeClass( hover );
            }
        });
    },500);
};

这正是我迄今为止所做的事,但我并不认为时间已到。它偶尔会奏效,但大多会再次 rest。我完全看着这种错误做法,或者说,我的法典是否只是一 gl一 gl? 如果你有任何想法或简单的解决办法,我会爱一些反馈。

跟踪我的可贵进展here 。

Answer 1

您:

var timeout = 0;
$( article ).hover(function() {
    $(this).stop(true, true).addClass( artHovered ).fadeTo(100,1);
    fadeOutArticles();
}, function() {
    $(this).removeClass( artHovered );
    fadeOutArticles();
});
function fadeOutArticles(){
    clearTimeout(timeout);
    $( article ).not( .artHovered ).fadeTo(300,0.6, function(){
        timeout = setTimeout(function(){
            if($( article.artHovered ).length==0){
                $( article ).stop(true,true).fadeTo(100, 1);
            }
        }, 500);
    });     
}

Answer 2

过去,我通过利用冲积层金刚石,做了类似的事情(尽管是菜单)。这使你能够发挥enter和ave的作用,并具体说明究竟何时应当启动.。你们也可以把这种检查与 b变式检查结合起来,也就是说,在 mo子上树立了真实的榜样,在 mo子上假装(实际上把它推迟到以后)。然后,你可以在不同情况下检查这一包裹,以确定你是否愿意做事。

rel=“nofollow” http://cherne.net/brian/resources/jquery.hoverIntent.html

友情链接