这个是javascript的写法
<img src="res/img/shop-c_32.jpg" onmouseover="this.src=‘res/img/shop-c_29.jpg‘;" onmouseout="this.src=‘res/img/shop-c_32.jpg‘;">
这是个jquery的写法
<img src="res/img/shop-c_32.jpg" data-back="res/img/shop-c_29.jpg">
再加上jquery的效果写法
<script> $("img[data-back]").hover(function(){ $(this).data(‘fallback‘,$(this).attr(‘src‘)); $(this).attr(‘src‘,$(this).data(‘back‘)); },function(){ $(this).attr(‘src‘,$(this).data(‘fallback‘)); }); </script>
我比较倾向于后者的写法。那大家觉得呢？
原文：http://www.cnblogs.com/alone2015/p/4870955.html