<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
</head>
<title>图片</title>
<body>
<h1>选择图片<h1>
<ul>
<li>
<a href="images/bigben.jpg" οnclick="showPic(this);return false;">塔</a>
</li>
<li>
<a href="images/coffee.jpg" οnclick="showPic(this);return false;">咖啡</a>
</li>
<li>
<a href="images/fireworks.jpg" οnclick="showPic(this);return false;">烟花</a>
</li>
<li>
<a href="images/rose.jpg" οnclick="showPic(this);return false;">鲜花</a>
</li>
<img id="placeholder" src="images/placeholder.gif" />
</ul>
<script>
function showPic(whichPic)
{
var source=whichPic.getAttribute("href");
var placeholder=document.getElementById("placeholder");
placeholder.setAttribute("src",source);
}
</script>
</body>
</html>
转载请注明原文地址: https://ju.6miu.com/read-450034.html
