Javascript 淡入除特定类别之外的整个页面
我想淡出整个页面的不透明度，然后在除了页面加载的某个类。（计时器）Javascript 淡入除特定类别之外的整个页面,javascript,jquery,css,Javascript,Jquery,Css,我想淡出整个页面的不透明度，然后在除了页面加载的某个类。（计时器） 我可以将其调整到我的当前代码中。如果您不想褪色的元素是主体的直接后代，那么您可以在一行中完成： $("body").find(":not(.nofade)").fadeOut().fadeIn(); // fade out/in all but class "nofade" 演示： （显然，您可以根据需要替换自己的动画方法。） 如果您不想淡入淡出的元素是其他元素的后代，我不确定如何使其工作，因为当父元素淡入淡出时，它们会带上
我可以将其调整到我的当前代码中。如果您不想褪色的元素是主体的直接后代，那么您可以在一行中完成：
$("body").find(":not(.nofade)").fadeOut().fadeIn(); // fade out/in all but class "nofade"
如果您不想淡入淡出的元素是其他元素的后代，我不确定如何使其工作，因为当父元素淡入淡出时，它们会带上它们的子元素 编辑：我想到了一个更好的方法：与其淡入淡出元素，不如在整个页面上放置一个空白（白色背景）div，淡入淡出以覆盖除“.nofade”元素之外的所有其他元素。给出“.nFADE”元素比空白div：更高的<代码> z索引< /代码>。
<style>
.cover {
position : absolute;
top : 0px; bottom : 0px; left : 0px; right : 0px;
background-color: white;
z-index: 1;
opacity : 0;
}
.nofade {
position: relative;
z-index: 2;
}
</style>
<script>
$(document).ready(function() {
$("<div/>").addClass("cover")
.appendTo("body")
.animate({opacity:1}, 1000).delay(300)
.animate({opacity:0}, 1000, function() { $(this).remove(); });
});
</script>
.掩护{
位置：绝对位置；
顶部：0px；底部：0px；左侧：0px；右侧：0px；
背景色：白色；
z指数：1；
不透明度：0；
}
诺法德先生{
位置：相对位置；
z指数：2；
}
$（文档）.ready（函数（）{
$（“”）.addClass（“封面”）
.附件（“正文”）
.animate（{opacity:1}，1000）。延迟（300）
.animate（{opacity:0}，1000，function（）{$（this.remove（）；}）；
});
演示：你可以试试这样的东西
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-wrapperHide').fadeOut(1000);
$('#content-wrapperShow').fadeIn(1000);
});
</script>
<style type="text/css">
#content-wrapperShow
{
display: none;
}
</style>
</head>
<body>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
document.write( '<div id="content-wrapperHide">' );
//--><!]]>
</script>
Hide on load
<script type="text/javascript">
<!--//--><![CDATA[//><!--
document.write( '</div><!-- content-wrapperHide -->' );
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
document.write( '<div id="content-wrapperShow">' );
//--><!]]>
</script>
Show on load
<script type="text/javascript">
<!--//--><![CDATA[//><!--
document.write( '</div><!-- content-wrapperShow -->' );
//--><!]]>
</script>
</body>
</html>
$（文档）.ready（函数（）{
$（“#内容包装隐藏”）.fadeOut（1000）；
$（#content wrapperShow'）.fadeIn（1000）；
});
#内容包装展示
{
显示：无；
}
装载时隐藏
' );
//-->
上映
' );
//-->
您的
.timer。某些类