淡入前的瞬间闪烁页面
淡入前的瞬间闪烁页面
提问于 2011-12-20 22:52:29
下面是我的代码，它在加载页面之前闪现了大约一秒钟，我如何阻止它这样做，这样当新页面加载时，它就会在Div中平滑地消失？
$('#home').animate({'opacity' : 0}, 0);
fadeInDivs(['#home']);
function fadeInDivs(els) {
e = els.pop();
$(e).delay(750).animate({'opacity' : 1}, 1000, function(){
if (els.length) fadeInDivs(els);
});}；
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-12-20 23:14:32
如前所述，您需要将#home设置为在CSS中不可见。但是，如果您希望您的页面在禁用JS时可见，您可以这样做：
<script type="text/javascript">
document.write(
"<style type='text/css'>" +
"#home { opacity: 0; }" +
"</style>"
);
</script>..。因此，只有在启用JS时才会添加css。这些天来，这可能有些过头了。
Stack Overflow用户
发布于 2011-12-20 23:03:17
您是否将样式表中的#home设置为display: none；？闪光的发生可能是因为内容在动画功能生效之前显示。添加display: none；将阻止内容显示，然后允许动画功能显示它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8577265
复制相关文章
相似问题
腾讯云开发者
