PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

css实现二张图片切换效果

css实现二张图片切换效果

来源:csdn.net  作者:  发布时间:2008-08-20
以下为引用的内容: style h2{font-size:14px; font-weight:bol

以下为引用的内容:
<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>

原文:http://blog.csdn.net/s_liangchao1s/archive/2008/08/19/2796495.aspx

Tags: css   图片   效果   图片   C   切换效果  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号