jquery - jquery 动画 Flash 对象

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;
}