.append 和淡入

Posted 2023-05-08

【中文标题】.append 和淡入

【英文标题】：.append and fade in

【发布时间】：2011-12-15 12:06:12

【问题描述】：

我添加了一个像这样叠加效果的 div：

$("body").append('<div class="overlay-white"><div>')

覆盖白色类。有这个CSS：

position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 500;
    background              : url(../img/backgrounds/bg-overlay.png) repeat left top;

但现在我的问题。叠加层现在弹出它。但是我怎样才能淡出叠加层？？？

【参考方案1】：

var overlay = $('<div class="overlay-white"><div>');
overlay.hide().appendTo("body").fadeIn();

【参考方案2】：

$("body").append('<div class="overlay-white"><div>');
$('.overlay-white').fadeIn();

【参考方案3】：

首先你可以在css中设置overlay-white这样display : none;

$("body").append('<div class="overlay-white"><div>')

那就这样吧..$('.overlay-white').fadeIn();

希望有所帮助。