效果:同一页面,点击切换显示图片。
代码实现:
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="showPic.js"></script>
</head>
<body>
<h1>我的图片库</h1>
<ul>
<li><a href="images/ad.jpg" οnclick="showPic(this);return false ">阿黛尔</a></li>
<li><a href="images/workspace.jpg" οnclick="showPic(this);return false ">工作室</a></li>
<li><a href="images/bbq.jpg" οnclick="showPic(this);return false ">烧烤</a></li>
<li><a href="images/uniform.jpg" οnclick="showPic(this);return false ">军训服</a></li>
</ul>
<img src="images/placehold