<!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>
JavaScript DOM编程艺术一个网页图片切换
最新推荐文章于 2021-03-15 16:27:24 发布