<style>
h2{font-size:14px; font-weight:bold; padding:10px 0; margin:5px 0; border-bottom:1px solid #ccc;}
.box2{}
.box2 img{display:block; padding:2px; border:0;}
.box2 a{color:#333; text-decoration:none;border:2px solid #FFF; float:left; cursor:hand;}
.box2 a span{display:none; color:#F00;}
.box2 a:hover{color:#999; border:2px solid #333; }
.box2 a:hover span{display:inline; position:absolute;}
</style>
</head>
<body>
<h2>CSSﾇﾐｻｻﾍｼﾆｬﾐｧｹ・/h2>
<div class="box2">
<a href="#"><span><img src="http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai02.jpg" /></span><img src="http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai06.jpg" /></a>
</div>
</body>
1楼  用css实现图片替换 | |
网上购物、在线购物、购物搜索 欢迎光临本站购买图书、影视、音乐、数码、百货，手机等商品。 <style>
h2{font-size:14px; font-weight:bold; padding:10px 0; margin:5px 0; border-bottom:1px solid #ccc;}
.box2{}
.box2 img{display:block; padding:2px; border:0;}
.box2 a{color:#333; text-decoration:none;border:2px solid #FFF; float:left; cursor:hand;}
.box2 a span{display:none; color:#F00;}
.box2 a:hover{color:#999; border:2px solid #333; }
.box2 a:hover span{display:inline; position:absolute;}
</style>
</head>
<body>
<h2>CSSﾇﾐｻｻﾍｼﾆｬﾐｧｹ・/h2>
<div class="box2">
<a href="#"><span><img src="[url=http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai02.jpg]http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai02.jpg[/url]" /></span><img src="[url=http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai06.jpg]http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai06.jpg[/url]" /></a>
</div>
</body>
| |||||||||||
