使用javascript淡入正文

从我问题的标题中可以清楚地看出，我想使用javascript来淡化身体。 简言之，我想做的是我想在屏幕上显示一个警报框，而不是警报框，整个身体背景都会褪色。是否可以使用javascript

到目前为止我所尝试的：

HTML:

Javascript:

    window.onload=function(){
    moduleidvar=<?php echo $moduleid?>;
    alert(moduleidvar);
    if (moduleidvar==-1) {
     var tdControl = document.getElementById("detailstd");
     tdControl.innerHTML = "eNPS is een moderne
     en efficiënte manier voor het meten van medewerker bevlogenheid.In een  ";

    document.getElementById('nameFieldPopup').style.top="";
    document.getElementById('nameFieldPopup').style.visibility = "visible";  
    }

    };

window.onload=function（）{
moduleidvar=；
警报（moduleidvar）；
如果（moduleidvar==-1）{
var tdControl=document.getElementById（“detailstd”）；
tdControl.innerHTML=“eNPS是现代的
埃菲西耶·曼尼耶·沃奥尔·梅德韦克尔·贝夫洛根海德的作品”；
document.getElementById（'nameFieldPopup'）.style.top=“”；
document.getElementById（'nameFieldPopup'）.style.visibility=“visible”；
}
};

一种常用的身体淡入淡出的技术是使用一个

div

，它位于除弹出窗口之外的所有内容之上。当你淡入/淡出这个div时，身体似乎正在淡出

在我的小提琴中，弹出窗口的z指数比白色遮罩高。当您单击弹出窗口时，它将淡出遮罩，以便身体可见：

$("#popup").click(function() {
    $("#mask").fadeOut();
    $(this).hide();
});

该遮罩是通过以下方式创建的：

#mask {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    position: absolute;
    opacity: 0.9;
}

不透明度：0.9

使遮罩半透明。您可以将其更改为1和0之间的任何值

---

请参见

淡出主体的常用技术是使用

div

，它位于除弹出窗口之外的所有内容之上。当你淡入/淡出这个div时，身体似乎正在淡出

在我的小提琴中，弹出窗口的z指数比白色遮罩高。当您单击弹出窗口时，它将淡出遮罩，以便身体可见：

$("#popup").click(function() {
    $("#mask").fadeOut();
    $(this).hide();
});

该遮罩是通过以下方式创建的：

#mask {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    position: absolute;
    opacity: 0.9;
}

不透明度：0.9

使遮罩半透明。您可以将其更改为1和0之间的任何值

---

看

你的意思是这样的吗

我正在慢慢降低一个

div

（可以包含所有背景内容）的不透明度，而另一个

div

（可以包含不应该褪色的内容）保持不变

document.getElementById('btn').onclick = function () {
    fade.style.opacity = 1;
    var h = setInterval(function () {
        if (fade.style.opacity > 0.3) {
            fade.style.opacity -= 0.1;            
        } else {
            clearInterval(h);
            alert('some text');
        }
    }, 100);
}

编辑：更新问题第二部分的提琴

---

（这是jQuery中的）

你是指这样的东西吗

我正在慢慢降低一个

div

（可以包含所有背景内容）的不透明度，而另一个

div

（可以包含不应该褪色的内容）保持不变

document.getElementById('btn').onclick = function () {
    fade.style.opacity = 1;
    var h = setInterval(function () {
        if (fade.style.opacity > 0.3) {
            fade.style.opacity -= 0.1;            
        } else {
            clearInterval(h);
            alert('some text');
        }
    }, 100);
}

编辑：更新问题第二部分的提琴

---

（这是jQuery中的）

我想也许你只是想要一个模态对话框。这可以通过jqueryui轻松完成。它不会像常规警报（）那样阻塞

var showAlert=函数（）{
$（“#对话框确认”）。对话框({
可调整大小：false，
莫代尔：是的，
按钮：{
“OK”：函数（）{
//你的代码在这里
$（此）.dialog（“关闭”）；
}
}
});
};
$（函数（）{
showarert（）；
});

背景
乱数假文

---

我想也许你只是想要一个模态对话框。这可以通过jqueryui轻松完成。它不会像常规警报（）那样阻塞

var showAlert=函数（）{
$（“#对话框确认”）。对话框({
可调整大小：false，
莫代尔：是的，
按钮：{
“OK”：函数（）{
//你的代码在这里
$（此）.dialog（“关闭”）；
}
}
});
};
$（函数（）{
showarert（）；
});

背景
乱数假文

---

---

显示警报框时，请尝试

document.body.style.opacity='0.3'

。将该值重置为1later@tewathia谢谢你的回复，但我想要的是，在任何情况下，当警报框显示时，身体应该是淡出的。我不确定我是否理解。当警报框弹出时，你想让身体慢慢淡出吗？尝试

document.body.style.opacity=1；var h=setInterval（function（）{if（document.body.style.opacity>0.3）{document.body.style.opacity-=0.1；}否则{clearInterval（h）；}}，100）

@tewathia再次感谢您的回复：）我想要的是当警报框弹出时，而不是警报框，所有东西都会淡出。嗯，请看我的答案。我发布了一个提琴。当显示警报框时，请尝试

document.body.style.opacity='0.3'

。将该值重置为1later@tewathia谢谢你的回复，但我想要的是，在任何情况下，当警报框显示时，身体应该是淡出的。我不确定我是否理解。当警报框弹出时，你想让身体慢慢淡出吗？尝试

document.body.style.opacity=1；var h=setInterval（function（）{if（document.body.style.opacity>0.3）{document.body.style.opacity-=0.1；}否则{clearInterval（h）；}}，100）

@tewathia再次感谢您的回复：）我想要的是当警报框弹出时，而不是警报框，所有东西都会淡出。嗯，请看我的答案。我已经发布了一个提琴。谢谢你的回答，但这不是我想要的，我想要的是当警报框显示时，身体应该淡入淡出，只有警报框可见。淡入淡出是指半透明？我更新了示例，在cssthanks中添加了不透明度：0.9以获得答案，但这不是我想要的，我想要的是，当警报框显示时，主体应该淡入淡出，并且只有警报框可见。淡出是指半透明吗？我更新了示例，添加了不透明度：0.9到cssi将接受它，但最后一个问题是，假设我不想淡出的表格行内容位于我想淡出的div内，而不是如何淡出处理这种情况？你必须给表格（你不想褪色的）一个不同的类，然后跳过它，同时降低不透明度。类似于

document.querySelectorAll（'fade*：not（.noFade）

。然后在onclick函数中，通过选定的每个元素进行解析。@RishabhRaj已修复。参见m中的第二个链接