javascript - 如何使用 javascript 恢复模糊背景(使用 jquery 隐藏)

Question

我用这种方法将屏幕隐藏在 div ( How can I "dim" the rest of the web page when displaying a notification DIV? ) 后面，我想问一下如何恢复 javascript 函数中的更改，我将在单击显示的 div 上的叉号时调用该函数

这是我的代码:

function addalbum()
{
    $('<div id="__msg_wrapper">').css({
      "width" : "100%"
    , "height" : "100%"
    , "background" : "#000"
    , "position" : "fixed"
    , "top" : "0"
    , "left" : "0"
    , "zIndex" : "50"
    , "MsFilter" : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
    , "filter" : "alpha(opacity=60)"
    , "MozOpacity" : 0.6
    , "KhtmlOpacity" : 0.6
    , "opacity" : 0.6
    }).appendTo(document.body);

    document.getElementById("album_name").style.display = "block";
}

此代码淡化“wrapper”div 并显示 ID 为“album_name”的 div，但如何将“wrapper”div 恢复到其原始状态

Answer 1

您可以只在叠加层上使用 .show() 和 .hide()。

您也可以淡化它以实现更好的切换。