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

<a href="#"><img src="http://csdnimg./pubfooter/images/gongshang_logos.gif" border="0" onMouseOver="this.src='http://.baidu./img/baidu_jgylogo3.gif?v=07491728.gif'" onMouseOut="this.src='http://img.baidu./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\';">