css实现的滑动鼠标到img后切换图片移开恢复默认

当前位置 : 首页 > 网页制作 > CSS > css实现的滑动鼠标到img后切换图片移开恢复默认

css实现的滑动鼠标到img后切换图片移开恢复默认

来源: 作者: 时间:2015-10-31 10:17
这篇文章主要介绍了css实现的滑动鼠标到img后切换图片移开恢复默认,需要的朋友可以参考下
这篇文章主要介绍了css实现的滑动鼠标到img后切换图片移开恢复默认,需要的朋友可以参考下
写了个例子: 

复制代码
代码如下:

<a href="#"><img src="http://csdnimg.cn/pubfooter/images/gongshang_logos.gif" border="0" onMouseOver="this.src='http://www.baidu.com/img/baidu_jgylogo3.gif?v=07491728.gif'" onMouseOut="this.src='http://img.baidu.com/img/logo-zhidao.gif'" /></a>


在动态代码中的写法: 

复制代码
代码如下:

<img src="images/red'+i+'s.png" style="width:20px;height:29px;" onMouseOver="this.src=\'images/blue'+i+'s.png\'"; onMouseOut="this.src=\'images/red'+i+'s.png\';">

实现效果

初始状态:
 
鼠标滑动上:
 
鼠标移开:
Tag:
网友评论

<