滚滚长江东流水,黄河入海不复返

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

日前在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脚本见效果页

posted on 2006-12-25 13:31  Steveson  阅读(539)  评论(1编辑  收藏  举报