Question

我有以下jquery来制作所有对象，但是那个徘徊的淡出然后淡出。但是我想让悬停的元素立即淡化到完全不透明，而不是等待其他人淡化。

$('a').bind('mouseenter',function(){
        $(this).fadeTo(0,1);
        $('a').not($(this)).fadeTo('fast', 0.25);
    }).bind('mouseleave',function(){
        $('a').fadeTo('slow', 1.0);
    });

http://jsfiddle.net/cutcopypaste/jQmZ3/1/

Answer 1

尝试http://jsfiddle.net/jQmZ3/3/ ...对所有'a'元素的效果队列使用停止。

$('a').bind('mouseenter',function(){
    $('a').stop();                
    $(this).fadeTo(0,1);
    $('a').not($(this)).fadeTo('fast', 0.25);
}).bind('mouseleave',function(){
    $('a').fadeTo('slow', 1.0);  
});

Answer 2

如果您只需要“自动对焦”悬停元素，请使用$.show()将元素直接置于前景。这主要是因为你不能再fade in这个数量，所以你有你想要的效果。

$('a').bind('mouseenter',function(){
    $(this).show();
    $('a').not($(this)).fadeTo('fast', 0.25);
}).bind('mouseleave',function(){
    $('a').fadeTo('slow', 1.0);
});

http://jsfiddle.net/userdude/jQmZ3/2/

更改动画调用的顺序

2 个答案: