Question

我正在尝试在动画中调整flash对象的大小（最终将其移动，但最先移动它），但它似乎根本不起作用。

如果我只更改Jquery中的css属性，它可以工作。

无效动画：

$('#greenbtn').hover(function(){
    $(this).animate({width: '242px', height: '63px'}, 'fast', 'easeOutSine');
    console.log('here1');
});
$('#greenbtn').mouseleave(function(){
    $(this).animate({width: '228px', height: '57px'}, 'fast', 'easeOutSine');
    console.log('here2');
});

的工作：

$('div.leftB').hover(function(){
    $('#greenbtn').css({width: '242px', height: '63px'});
});
$('div.leftB').mouseleave(function(){
    $('#greenbtn').css({width: '228px', height: '57px'});
});

.animate（）根本不用于flash或我的代码有问题吗？

感谢您的帮助！

Answer 1

你是否在非工作场景中进入事件处理程序？在这两种情况下，您都会影响#greenbtn，但事件侦听器绑定到不同的元素。

Answer 2

因为您可以在没有动画的情况下更改css属性，所以可以为该部分使用CSS过渡：

#greenbtn{
  -webkit-transition: all 400ms ease-in;
     -moz-transition: all 400ms ease-in;
      -ms-transition: all 400ms ease-in;
       -o-transition: all 400ms ease-in;
          transition: all 400ms ease-in;
}

jquery动画flash对象

2 个答案: