Jquery 关于图像鼠标悬停缩放
这是我的jQuery代码Jquery 关于图像鼠标悬停缩放,jquery,Jquery,这是我的jQuery代码 $('img').live('mouseenter',function() { $(this).addClass('shown'); $('.shown').animate({width: '+=50',height: '+=50'}) }); $('img').live('mouseleave',function() {
$('img').live('mouseenter',function()
{
$(this).addClass('shown');
$('.shown').animate({width: '+=50',height: '+=50'})
});
$('img').live('mouseleave',function()
{
$(this).removeClass('shown');
$(this).addClass('reset');
$('.reset').animate({width: '-=50',height: '-=50'})
});
在一些鼠标进入后,它正在删除图像。。请帮助我。您正在选择要设置动画的图像,使其比需要的更复杂:
$('img').hover(
function () {
$(this).animate({width: '+=50', height: '+=50'});
},
function () {
$(this).animate({width: '-=50', height: '-=50'});
});
.你只是在放大缩小吗?或者类“显示”和“重置”对它们有其他影响吗?如果没有,则不需要添加/删除类,只需设置动画即可。使用。也停止使用动画。嗨,我已经调试好了代码。。这是代码,谢谢@rkw$('img').live('mouseenter',function(){$(this).animate({width:'+=50',height:'+=50'})$(this.addClass('y');})$('.y').live('mouseleave',function(){$(this).animate({width:'-=50',height:'-=50'})});