87,993
社区成员
发帖
与我相关
我的任务
分享


<script>
function showPic(whichpic) {
var source = whichpic.getAttribute("href");
var placeholder = document.getElementById("placeholder");
placeholder.setAttribute("src", source);
}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Image Gallery</title>
</head>
<body>
<h1>Snapshots</h1>
<ul>
<li>
<a href="images/fireworks.jpg" onclick="showPic(this);
return false;" title="A fireworks display"> Fireworks</a>
</li>
<li>
<a href="images/coffee.jpg" onclick="showPic(this);
return false;" title="A cup of black coffee"> Coffee</a>
</li>
<li>
<a href="images/rose.jpg" onclick="showPic(this);
return false;"title="A red, red rose"> Rose</a>
</li>
<li>
<a href="images/bigben.jpg" onclick="showPic(this);
return false;" title"The famous clock"> Big Ben</a>
</li>
</ul>
<img id="placeholder" src="images/placeholder.gif" alt="my image gallery" />
<script type="text/javascript" src="showPic.js"></script>
</body>
</html>