js控制鼠标上移变换图片

<img id="readmoreimg" src="<?php bloginfo('template_url'); ?>/p_w_picpaths/catmore.jpg" onmouseover="over(this);" onmouseout="out(this);" />

 

<script language="javascript">
var imgUrl = '';
function over(_img){
    var img = _img,
        url = img.src,
        newUrl = url.substr(0, url.length-4) + 'two.jpg';
    imgUrl = url;
    img.src = newUrl;
}
function out(_img){
    _img.src = imgUrl;
}
 </script>

 

 

 

<td id="img" height="100" background="图片路径" onmouseover="over();" onmouseout="out();">&nbsp;</td>

<script language="javascript">
 function over()
 {
document.getElementById("img").background="图片路径";
 }
function out()
 {
document.getElementById("img").background="图片路径";
 }
< /script>  

转载于:https://blog.51cto.com/brokenjoin/1296363