如何使用jQuery同時使用淡入淡出效果和動畫

我想使用#menu id製作菜單，並在同一時間獲得淡入淡出和移動動畫等2種效果。我白色代碼，但第一次運行淡入淡出和seccound運行動畫。我想同時運行拖動效果。如何使用jQuery同時使用淡入淡出效果和動畫

 <div id="Menu" style="right=0px;width=100px;height=200px;display=none;background=black;"></div> 

    <script> 
    $(document).ready(function(){ 
     $(function() { 
       $("#menu").fadeIn("1000"); 
       $("#menu").animate({ 
       right: '50px' 
       }, { duration: 2000, queue: false }); 

     }); 
}); 
    </script>

來源

2013-07-28 pooya laryan

淡入僅僅是調整不透明度使用CSS透明度和動畫兩個屬性。使用它像一個CSS屬性 –

發生了什麼？你爲什麼突然決定把另一個答案標記爲「接受」？ –

請檢查下面的代碼

<div id="menu"></div> 

<a href="#" id="animate">Animate</a>

#menu{ 
    height:20px; 
    width:400px; 
    background-color:#ccc; 
    display:none; 
    position:absolute; 
}

$(function() { 
    $("#animate").click(function(){ 
     $("#menu").fadeIn("1000",function(){ 
      $("#menu").animate( 
       { 
       //opacity: 0.25, 
       left: '+=100px' 

       }, 1000, function() { 
       // Animation complete. 
      }); 
     }); 
    }); 
});

這裏是演示鏈接：http://jsfiddle.net/shadow2burn/z5LsY/

來源

2013-07-28 05:27:04

坦克親愛的S.Russell。但是你的代碼有我的代碼問題......你在完成部分後寫你的函數。所以首先你的div運行淡入，下一步移動它。 –

如果你想做相反的事情，只需插入淡入淡出函數//動畫完成。評論 –

您可以在同一時間

$("#menu").animate({opacity: 1, left: '+=100px'}, 2000);

Demo fiddle

來源

2013-07-28 05:32:41

可愛的....坦克。但其他效果呢......？ –

還有什麼其他的影響？ –

如何使用jQuery同時使用淡入淡出效果和動畫

回答

相關問題