使用jQuery将DIV与儿童淡化为黑色，反之亦然

Question

我正在寻找类似于jQuery UI标签不透明度切换的效果。

$('#content').tabs({
    fx: {
        opacity: 'toggle'
    }
});

怎么做？我如何淡化div（可变高度，渐变背景）及其子项为黑色，替换其内容并将其淡入？

Answer 1

选项比比皆是：

http://api.jquery.com/fadeTo/

http://api.jquery.com/fadeIn/

每个主题都有详细说明的好例子。

此链接也提供了使用不透明度的示例 - http://forum.jquery.com/topic/apply-50-opacity-to-a-div

Answer 2

如果您使用color plugin

，则可以为背景颜色设置动画

来自jQuery文档：

  

动画属性和值

     

所有动画属性都应该是   动画为单个数值，除非如下所述;最   无法使用基本jQuery动画非数字属性   功能（例如，宽度，高度或左侧可以设置动画但是   background-color不能，除非使用jQuery.Color（）插件）。   属性值被视为p

的数量