0

アニメーションでフラッシュ オブジェクトのサイズを変更しようとしています (最終的には最初に移動しますが、最初に移動します) が、まったく機能していないようです。

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() がフラッシュでまったく動作しないのですか、それとも私のコードに何か問題がありますか?

ご協力いただきありがとうございます！

4

2 に答える 2

0

動作していないシナリオでイベント ハンドラーを使用することはありますか?
どちらの場合も効果#greenbtnがありますが、イベントリスナーは異なる要素にバインドされています。

于 2012-07-15T08:40:40.867 に答える
0

アニメーションなしで 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;
}
于 2012-07-15T09:17:40.527 に答える