Jquery 关于图像鼠标悬停缩放

Jquery 关于图像鼠标悬停缩放,jquery,Jquery,这是我的jQuery代码 $('img').live('mouseenter',function() { $(this).addClass('shown'); $('.shown').animate({width: '+=50',height: '+=50'}) }); $('img').live('mouseleave',function() {

这是我的jQuery代码

 $('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'})});