gpt4 book ai didi

javascript - 页面加载后通过javascript显示图像

转载 作者:太空宇宙 更新时间:2023-11-04 12:07:02 25 4
gpt4 key购买 nike

我正在尝试创建一个图像,该图像最初是隐藏的 - 但一旦文档通过 JavaScript 文件完全加载后就会显示出来。

$(document).ready(function () {
document.getElementById("theImage").style.visibility = "visible";
});
#theImage {
visibility:hidden;
}
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kami Nelson Bio </title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="KNelson-Styles.css" rel="stylesheet" type="text/css">

<script src="respond.min.js"></script>
<script src="KNelson_reveal.js"></script>

</head>
<body>
<div class="gridContainer clearfix">
<div id="theImage">
<img src="images/Kami-100.jpg" alt="Kami Nelson Image"/>
</div>

<div id="div1" class="fluid">
<h1>Bio for Kami Nelson</h1>
<p>Text</p>
</div>
</div>
</body>
</html>

为什么这不起作用?

提前谢谢你。

最佳答案

您应该包括 jquery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

或者使用原生的window.onload()代替$(document).ready()

window.onload=function () {
document.getElementById("theImage").style.visibility = "visible";
}

关于javascript - 页面加载后通过javascript显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29311643/

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