好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS实现鼠标移动图片实现切换功能_html/css_WEB-ITnose

CSS实现鼠标移动图片实现切换功能:
当鼠标放在一个图片上的时候可以切换为其他图片,使用javascript可以实现,下面介绍一下如何使用CSS实现此功能。
代码实例如下:

       CSS实现的图片切换效果-蚂蚁部落  * {  margin:0;  padding:0;}ul li {  list-style:none;}.nav {  width:800px;  height:40px;  margin:150px auto;}.nav ul li {  float:left;  width:200px;}.nav ul li a:link, a:visited {  display:block;  width:190px;  height:40px;  background:url(images/wall_s1.jpg);}.nav ul li a:hover {  background:url(images/wall_s2.jpg);}.nav ul li a:active {  background:url(images/wall_s3.jpg);}   

查看更多关于CSS实现鼠标移动图片实现切换功能_html/css_WEB-ITnose的详细内容...

  阅读:31次