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

[复制链接]
查看11 | 回复1 | 2010-11-2 20:52:26 | 显示全部楼层 |阅读模式
具体情况是这样的里面框了一个背景(定义了尺寸),那么现在我将鼠标放上框, 用javascript怎样跳出一张图片?我先前做了另一个效果,就是定义了一个,使用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高手指点一下,我现在最想实现的就是用鼠标指向然后用Jqury跳出一张图片。

回复

使用道具 举报

千问 | 2010-11-2 20:52:26 | 显示全部楼层
用$('selector').arrt('src','img.png')改变图片地址!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行