<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Image Gallery</title>
<script language="javascript">
function ppt(alink){
var path=alink.href;
document.getElementById("placeholder").src=path;
}
function pLink(){
var links=document.getElementsByTagName("a");
for(var i=0;i<links.length;i++){
links[i].οnclick=function(){
ppt(this);
return false;
}
}
}
window.οnlοad=pLink;
</script>
</head>
<body>
<h1>Snapshots</h1>
<ul>
<li><a href="images/daffodil.jpg" title="A daffodil">黄水仙</a></li>
<li><a href="images/dahlia.jpg" title="A dahlia">天竺牡丹</a></li>
<li><a href="images/daisy.jpg" title="A daisy">雏菊</a></li>
<li><a href="images/hydrangea.jpg" title="A hydrangea">八仙花 </a></li>
<li><a href="images/petunia.jpg" title="A petunia">牵牛花</a></li>
<li><a href="images/rose.jpg" title="A rose">蔷薇花</a></li>
<li><a href="images/Waterlilies.jpg" title="A Waterlilies">水莲</a></li>
</ul>
<img id="placeholder" src="images/no_pic.jpg" alt="my image gallery"/>
</body>
</html>
效果图:
个人E-mail:
chaoyi77@163.com