jQuery - 如何淡入部分透明的 div 并保持不透明度？答案

【问题标题】：jQuery - How do I fadein a partially transparent div and retain the opacity?jQuery - 如何淡入部分透明的 div 并保持不透明度？
【发布时间】：2011-03-02 05:56:51
【问题描述】：

我的 div 是 Opacity:0.7 和 filter:alpha(opacity=70);

淡出效果很好

淡入，它一直淡入到 1，因此不再透明。

如何将其淡入到 0.7？

我尝试了 .fadeIn 后跟 .animate 但 .animate 错误，因为此时 div 仍然是 display:none。

【问题讨论】：

标签： jquery

【解决方案1】：

你想使用fadeTo:

// When you want to fade in:
$("div").fadeTo( "slow", 0.7 );

// When you want to fade out:
$("div").fadeOut();

【讨论】：

【解决方案2】：

也许这会有所帮助。

http://hv-designs.co.uk/2010/01/13/learn-how-to-add-a-jquery-fade-in-and-out-effect/

我能用你要给我的这段代码做什么？基本上它的淡入淡出效果。效果在网站到达时将元素淡化到 50%，然后当您将鼠标悬停在它上面时，它会淡化到 100%。效果基本上可以分配给网站中的任何内容，无论是图像、文本、链接甚至是 div。

【讨论】：