jquery動畫設置不正確執行

所以我很新的編碼，但我設法寫一個LP的這個jquery動畫集，我試圖用這個hand來擺動客戶端擺動擺動，當他點擊手時，div會消失（永遠）。jquery動畫設置不正確執行

由於atm我的旋轉試驗沒有解決，我現在只是使用淡入/淡出。

我希望它能在其他divs消失後正常工作。我認爲它必須做些什麼setInterval()，所以我也搜索了沒有成功。你能告訴我如何添加代碼，使手擺動/旋轉，然後消失點擊後？

非常感謝你們。

我的HTML

<div class="box"> 
     <div class="row headsup"> 
      <h1>This is a page</h1> 
      <p>Press F11 For FullScreen</p> 
      <button id="closer" style="margin-bottom: 0px;" type="submit" class="">press here to close this window</button> 
     </div> 
    </div> 
    <div class="row headsup"> 
     <h1 class="wiggle">Just Wiggle It Around</h1> 
</div> 
    <div class="mc"><img style="" src="img/cursurredhand100x100.png"></div>

我的JavaScript

$("#closer").click(function(){ 
    $(".box").delay(300).hide("slow", function(){ 
     $(".howto").css({ 
      display:'block', 
      'z-index': '100' 
    }); 
    }); 
    $(".wiggle").delay(2500).hide("slow"); 


$(".howto").click(function(){ 
    $(".howto").slideToggle("slow", function() { 
     $("#LG").fadeIn(); 

    }); 
}); 

}); 
function fadeIn() { 
    jQuery(".mc").fadeIn(900); 
    fadeOut(); 
} 

function fadeOut() { 
    jQuery(".mc").fadeOut(400); 
    fadeIn(); 


} 

fadeOut();

來源

2016-02-29 erezT

我完全不明白你想要做什麼，但似乎你，因爲有一個無限循環的問題你fadeIn函數你調用fadeOut這是再次調用fadeIn。此外，如果您的目的是在淡出之後執行淡入淡出，反之亦然，您必須將其置於回調函數中，因爲在jquery中執行不是有序的。

你必須寫$(".mc").fadeOut(400, function(){$(".mc").fadeIn(900)})

來源

2016-02-29 09:50:00 JArgente

嗨，我試圖向右旋轉7deg然後-7deg。當按下元素時，它只會消失 – erezT

以實現旋轉效果請參閱[鏈接]（http://stackoverflow.com/questions/3020904/how-to-rotate-a-div-using-jquery）後淡出out效應，你可以試試： $（「.mc」）.animate（{opacity：0}，400）。這將在400ms內逐步改變元素的不透明度，直到它變得完全透明 – JArgente

jquery動畫設置不正確執行

回答

相關問題