DIV+CSS排版的图片查看器

日前在http://www.dynamicdrive.com 看到一例Image Thumbnail Viewer的脚本，效果还不错，支持FF1+ IE5+ Opr7+，能通过W3C的检验，在IE5.5+中有图片谈出擦除过场效果。重写了DIV+CSS部分。预览最终效果。

CSS:

#main{
	background: #F1F1F1;
	width: 400px;
	margin: 0 auto;
	padding: 10px;
}

#dynloadarea{
	width: 400px;
	height: 300px;
}

#dynloadarea img{
	border: solid 2px #FFFFFF;
}

#thumbs{
	list-style-type: none;
	margin: 0 2px;
	padding: 0;
}

img{
	border: 0;
}

li{
	float: left;
	padding: 20px 3px 0 !important;
	padding: 10px 3px 0;
}

.clear{
	clear: both;
	height: 1px;
	overflow: hidden;
}

p{
	text-align: center;
}

div和js脚本见效果页