gpt4 book ai didi

javascript - Javascript 不可用时的 jQuery 淡入解决方法

转载 作者:太空宇宙 更新时间:2023-11-03 19:52:35 25 4
gpt4 key购买 nike

我一直在我的主页上使用 jQuery 淡入,我最近才意识到当禁用 Javascript 时它会显示黑屏。当 Javascript 不可用时,如何更改删除属性 display: none

脚本:

<script type="text/javascript">
$(document).ready(function(){
$('html').fadeIn(3000);
})
</script>

CSS:

html {
background: #000;
height: 100%;
}
body {
background: black url(images/bg.jpg) no-repeat 200px center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: none;
margin: 0;
height: 100%;
padding-left: 40px;
padding-top: 25px;
}

最佳答案

<noscript>
<style type="text/css">
body {display: block;}
</style>
</noscript>

在您问题中的样式之后的头部部分将显示主体。

或者只是添加:

document.body.style.display = 'none';

在您的 javasript 中而不是用 CSS 隐藏正文,因为等待 DOM 就绪会导致闪烁。

关于javascript - Javascript 不可用时的 jQuery 淡入解决方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16246036/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com