嗨,所以我正在尝试学习如何在屏幕的一部分上交叉 gif 图像,并且代码除了它不显示我的鸟的图像之外,它只是一个带有 x 的黑框和"鸟的图像"字样。我的图像怎么也和我的代码在同一个文件夹中。有什么想法我错了吗?提前谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Project 12</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<link rel="stylesheet" href="../js_styles.css" type="text/css" />
<script type="text/javascript">
/* <![CDATA[ */
var topPosition = 150;
var leftPosition = 0;
function flyBird() {
var bird = document.getElementById("bird");
bird.style.left = leftPosition + "px";
bird.style.top = topPosition + "px";
bird.style.visibility = "visible";
topPosition -= 3;
leftPosition += 10;
if (topPosition <= 0) {
topPosition = 150;
leftPosition = 0;
}
}
/* ]]> */
</script>
</head>
<body onload="setInterval('flyBird()', 100);">
<p>
<img src="../bird.gif" id="bird" style="position:
absolute; left: 500px; top: 281px; visibility:hidden" alt="Image of a bird" height="120" width="150" /></p>
<h1>Bird</h1>
<blockquote><p>.</p></blockquote>
<p> </p>
</body>
</html>
我的图像也与我的代码位于同一文件夹中
那你为什么要在父文件夹中寻找它呢?
<img src="../bird.gif" ...
如果图像位于同一文件夹中,请在此处引用它:
<img src="bird.gif" ...
如果图像位于同一文件夹中,则此
<img src="../bird.gif"
应该是
<img src="bird.gif"