jQuery动画到透明

Question

$(".block li").hover(
    function(){
        $(this).animate({backgroundColor: "#000"});
    },
    function(){
        $(this).animate({backgroundColor: "#fff"});
    }
);

需要改为#fff无颜色.动画应该从发生#000到transparent.

有解决方案吗

Answer 1

不要更改背景颜色，而是删除该属性！

代码很简单：

$("li").hover(
    function(){
        $(this).toggleClass('hover', 1000);
    },
    function(){
        $(this).toggleClass('hover', 2000);
    }
);

示例： http: //jsfiddle.net/rdWTE/

为了让它工作，您需要 jQuery 和 jQuery UI。完全符合您的要求（除了颜色）！

jQuery 脚本中的这些数字代表动画持续时间（以毫秒为单位）。

编辑：

嗯...发现toggleClass有时会出现错误。addClass最好在悬停和removeClass鼠标移出时使用。