jquery動畫Flash對象

我試圖在動畫中調整flash對象的大小（並最終移動它，但首先是第一件事），但它似乎並不工作。jquery動畫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上工作，或者是我的代碼有問題？

感謝您的幫助！

來源

2012-07-15 boaz barkan

你使用的是其他因素，如你的動作示例的觸發？ – 2012-07-15 08:40:58

這是#greenbtn父母 – 2012-07-15 09:06:49

你有沒有試過觸發動畫選擇器？像'$（'＃greenbtn'）。animate（...）'？ – 2012-07-15 09:15:43

你甚至可以進入非工作場景中的事件處理程序嗎？
在這兩種情況下，您都會影響#greenbtn，但事件偵聽器綁定到不同的元素。

來源

2012-07-15 08:40:40 Variant

不，我沒有在非工作示例中看到console.log。 div.leftB是#greenbtn的父項，所以它對css工作正常。 – 2012-07-15 09:10:35

，因爲你能夠改變的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-15 09:17:40

我無法使用css3，但感謝您的建議。 – 2012-07-15 09:39:34

jquery動畫Flash對象

回答

相關問題