<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自制的JS图片播放器</title>
<meta name=”Author” Content=”John Wong,qlfxjh@yahoo.com.cn” >
<meta name=”Copyright” Content=”本页版权归John Wong所有。All Rights Reserved”>
<script type="text/javascript" src="js/pic_play.js" defer="defer"></script>
<style type="text/css">
body{font-size:12px;}
img{border:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
form, input, p{margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none;}
div.clear{clear:left;}
#pic_brower{ position:relative; width:360px; height:190px; overflow:hidden; border:1px solid black;}
#pic_wrapper{width:360px; height:190px; overflow:hidden;}
#pic_link{ position:absolute; width:100%; height:20px; bottom:5px;}
#pic_link span{display:block; float:right; cursor:pointer; width:20px; height:15px; text-align:center; border:1px solid gray; background-color:#333; margin-right:5px; color:#fff; filter:alpht,0.5;}
#pic_link span.current{border:1px solid #000; background:#CCC; color:#000;}
</style>
</head>
<body>
<div class="container">
<div id="pic_brower">
<div id="pic_wrapper">
<div><a href="" target="_blank"><img src="pic/1.jpg" /></a></div>
<div><a href="" target="_blank"><img src="pic/2.jpg" /></a></div>
<div><a href="" target="_blank"><img src="pic/3.jpg" /></a></div>
<div><a href="" target="_blank"><img src="pic/4.jpg" /></a></div>
<div><a href="" target="_blank"><img src="pic/5.jpg" /></a></div>
</div>
<div id="pic_link">
</div>
</div>
<div>
</div>
</div>
</body>
</html>