<!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>test</title>
<style>
body,td,th {
font-size: 14px;
}
ul,li {
padding:0;
margin:0;
list-style:none;
}
a:hover {
color:#F00;
}
#imglist {
width:1280px;
border:1px solid #b5b5b5;
margin:0 auto;
clear:both;
height:500px;
padding:22px 0 0 0;
}
#imglist li {
float:left;
text-align:center;
line-height:30px;
margin:0 0 0 27px;
width:125px;
}
#imglist li span {
display:block;
}
#imglist li {
float:left;
text-align:center;
line-height:30px;
margin:0 0 0 27px;
width:125px;
white-space:nowrap;
overflow:hidden;
display:inline;
}
#imglist li img {
width:123px;
height:123px;
border:1px solid #b5b5b5;
}
</style>
</head>
<div id="imglist">
<ul>
<li><a onclick="alert(1)"><img src="img/wuluzhuishaling2.jpg" border="0" /><span>五路追杀令：刺客舞会</span></a></li>
<li><a onclick="alert(1)"><img src="img/congtoukiaishi.jpg" border="0" /><span>从头开始</span></a></li>
<li><a onclick="alert(1)"><img src="img/wohucanglong.jpg" border="0" /><span>卧虎藏龙</span></a></li>
<li><a onclick="alert(1)"><img src="img/chuzixizipizi.jpg" border="0" /><span>厨子戏子痞子</span></a></li>
<li><a onclick="alert(1)"><img src="img/waixinghuanxiangqu.jpg" border="0" /><span>外星幻想曲</span></a></li>
<li><a onclick="alert(1)"><img src="img/dashuaimai.jpg" border="0" /><span>大甩卖</span></a></li>
<li><a onclick="alert(1)"><img src="img/yaoshu.jpg" border="0" /><span>妖术</span></a></li>
<li><a onclick="alert(1)"><img src="img/xiaodingdanghexianzijiuyuan.jpg" border="0" /><span>小叮当和仙子救援大行动</span></a></li>
<li><a onclick="alert(1)"><img src="img/bihu.jpg" border="0" /><span>庇护</span></a></li>
</ul>
</div>
<body>
</body>
</html>
test.zip （11个子文件） 
test 
waixinghuanxiangqu.jpg 15KB
index.html 2KB
