jquery - 仅当鼠标悬停时使用 jQuery 淡入淡出(降低不透明度)图像

Question

我想在图像悬停时将图像的不透明度变为一半(并在光标不再悬停时将其恢复正常)。

我只成功地使所有图像fadeTo，但是当鼠标移出时，图像仍然褪色(并且所有图像都褪色。我只是将光标下的一张图像褪色)。

有什么建议吗？

代码:

    /**
     * Opacity animation of blocks
     */
     $j('#content div a').hover(function() {
         $j('#content div a img').fadeTo('slow', 0.5, function() {
});

Answer 1

对于 .hover，您需要有两个函数，一个用于 mouseover，另一个用于 mouseleave，如下所示。

$j('#content div a img').hover(
    function() {
         $j(this).stop().fadeTo('slow', 0.5);
    },
    function(){
        $j(this).stop().fadeTo('slow', 1);
    }
);

我还添加了一个停止点，否则多次悬停时会出现奇怪的闪烁。

示例 http://jsfiddle.net/5fJ3H/