扫一扫微信二维码
扫一扫微信二维码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS相册效果 -- 横向</title>
<style>
body {background:#000;margin:0;font:12px Verdana;text-align:center;}
#tbody {width:750px;margin:50px auto;}
#mainbody {width:740px;margin:5px;border:1px solid #222;padding:1px}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;margin:6px 5px 0 3px;}
#goright {float:right;clear:right;margin:6px 3px 0 5px;}
#photos {width:710px;height:54px;line-height:54px;border:1px solid #222;margin:10px 0;overflow:hidden;}
#showArea img {display:block;float:left;margin:1px 0;cursor:pointer;border:1px solid #222}
</style>
</head>
<body>
<div id="tbody">
<div id="mainbody">
<img src="http://image.hnol.net/c/2008-03/24/15/200803241519545251661-1026639.jpg" alt="" width="740" height="500" id="mainphoto" rel="http://image.hnol.net/c/2008-03/24/15/200803241519545251661-1026639.jpg" name="http://bbs.voc.com.cn/forum-163-1.html" />
</div>
<img src="http://www.tblog.com.cn/test/images/goleft.gif" width="11" height="56" id="goleft" />
<img src="http://www.tblog.com.cn/test/images/goright.gif" width="11" height="56" id="goright" />
<div id="photos">
<div id="showArea">
<!--
SRC: 缩略图地址
REL: 大图地址
NAME: 网址
-->
<img src="http://image.hnol.net/c/2008-03/24/15/200803241519545251661-1026639.jpg" width="80" height="50" border="0" class="thumb_img" rel="http://image.hnol.net/c/2008-03/24/15/200803241519545251661-1026639.jpg" link="http://bbs.voc.com.cn/forum-163-1.html">
<img src="http://image.hnol.net/c/2008-03/24/15/20080324151955551864-1026639.jpg" alt="" width="80" height="50" border="0" class="thumb_img" rel="http://image.hnol.net/c/2008-03/24/15/20080324151955551864-1026639.jpg" link="http://bbs.voc.com.cn/forum-163-1.html">
<img src="http://image.hnol.net/c/2008-03/24/15/200803241519551519157-1026639.jpg" alt="" width="80" height="50" border="0" class="thumb_img" rel="http://image.hnol.net/c/2008-03/24/15/200803241519551519157-1026639.jpg" link="http://bbs.voc.com.cn/forum-163-1.html">
<img src="http://image.hnol.net/c/2008-03/24/18/200803241834459242336-1026639.jpg" alt="" width="80" height="50" border="0" class="thumb_img" rel="http://image.hnol.net/c/2008-03/24/18/200803241834459242336-1026639.jpg" link="http://bbs.voc.com.cn/forum-163-1.html">
<img src="http://image.hnol.net/c/2008-03/24/15/200803241523071212471-1026639.jpg
免费电话咨询
18955177249
