Question

怎样用Javascript实现hover改变图片或是显示图片？

具体情况是这样的<span>里面框了一个背景（<span>定义了尺寸），那么现在我将鼠标放上<span>框， 用javascript怎样跳出一张图片？我先前做了另一个效果，就是定义了一个<img>，使用jqury实现放大，成功了；我就想在这个基础上改，我的想法是setAttribute('src','img.png')，但是这样不行。
先前成功的Javascript如下：
$(document).ready(function(){
$(".body_win32_mazstd_shot").hover(function() { //“.body_win32_mazstd_shot”是我定义的类
$(this).css({'z-index' : '5'});//放大到高层以掩盖其他内容
$(this).find('img'). addClass("hover").stop()//我就想在这里加setAttribute，但是不行
.animate({
marginTop: '-100px',
marginLeft: '-150px',
width: '448px',
height: '293px',
}, 200);
} , function() {
$(this).css({'z-index' : '3'});
$(this).find('img').removeClass("hover").stop()
.animate({
marginTop: '0',
marginLeft: '0',
width: '89px',
height: '58px',
}, 200);
});
})
请Javascript高手指点一下，我现在最想实现的就是用鼠标指向<span>然后用Jqury跳出一张图片。

Answer 1

用$('selector').arrt('src','img.png')改变图片地址！