<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS滚动</title>
</head>
<style type="text/css">
<!--
ul {
border: 3px double #999;
height: 160px;
width: 200px;
overflow: auto;
overflow-x: hidden;
padding: 2px;
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#cccccc;
scrollbar-darkshadow-color:#cccccc;
scrollbar-face-color:#ccc;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
}
li {
list-style-type: none;
}
li a img {
filter: Alpha(Opacity=70);
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width:180px;
height:50px;
padding: 2px;
}
li a:hover img {
filter: Alpha(Opacity=100);
border: 1px solid #666666;
padding: 1px;
}
-->
</style>
<body>
<ul>
<li><a href="#" target="_blank"><img src="01.jpg"></a></li>
<li><a href="#" target="_blank"><img src="02.jpg"></a></li>
<li><a href="#" target="_blank"><img src="03.jpg"></a></li>
<li><a href="#" target="_blank"><img src="04.jpg"></a></li>
</ul>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS滚动</title>
</head>
<style type="text/css">
<!--
ul {
border: 3px double #999;
height: 160px;
width: 200px;
overflow: auto;
overflow-x: hidden;
padding: 2px;
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#cccccc;
scrollbar-darkshadow-color:#cccccc;
scrollbar-face-color:#ccc;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
}
li {
list-style-type: none;
}
li a img {
filter: Alpha(Opacity=70);
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width:180px;
height:50px;
padding: 2px;
}
li a:hover img {
filter: Alpha(Opacity=100);
border: 1px solid #666666;
padding: 1px;
}
-->
</style>
<body>
<ul>
<li><a href="#" target="_blank"><img src="01.jpg"></a></li>
<li><a href="#" target="_blank"><img src="02.jpg"></a></li>
<li><a href="#" target="_blank"><img src="03.jpg"></a></li>
<li><a href="#" target="_blank"><img src="04.jpg"></a></li>
</ul>
</div>
</body>
</html>
7945
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
