每個元素的jquery/javascript淡入？

默認情況下，一旦圖像和文字被加載，圖像和文字就會逐漸消失，但是一旦加載完成，在「每個」元素上是否會添加淡化效果？每個元素的jquery/javascript淡入？

我可以使用下面的代碼加載元素：

$("#element,#element2,#element3,#element4").fadeIn("slow");

但缺點是：

我必須在網頁中指定的所有元素，＃DIV1，＃DIV3，＃ container2 .....
此外，元素只能在頁面完成加載完畢後纔會淡入，但是我希望在加載完所有html完成之前淡入其中。

可能嗎？

來源

2013-10-22 Vincent Chua

d你認識上課嗎？如果沒有，我認爲它會解決你的問題。我注意到你只使用id' –

我會給每個元素一個特定的類，然後用$（「。whatever」）引用它。你也可能會簽出$ .each（），它遍歷對象。要在頁面加載時淡入，您需要放置代碼，或者在文檔之外調用ready（）函數，以便在html的開頭附近。

來源

2013-10-22 03:32:04 MorbidWrath

您應該使用類屬性的元素。您可以訪問和控制具有特定類的所有元素，您無需指定每個元素的id。這裏是一個演示JSFIDDLE你：

HTML：

<input type="button" id="btn_fade_out" value="Fade Out"> 
<input type="button" id="btn_fade_in" value="Fade In"> 
<br>  
<div class="my_class">Element 1</div> 
<div class="my_class">Element 2</div> 
<div class="my_class">Element 3</div> 
    <img src="abc.png" height="50px" width="50px" border="1" class="my_class"></img>

JS：

$('#btn_fade_out').click(function(){ 
    $('.my_class').fadeOut(1000); 
}); 

$('#btn_fade_in').click(function(){ 
    $('.my_class').fadeIn(1000); 
});

來源

2013-10-22 03:40:14

這樣做將具有共同的類的所有元素的最好方法你想要加載時褪色然後用

$('.class').fadeIn(1000); 

$('.class').fadeOut(1000);

來源

2013-10-22 03:47:36

每個元素的jquery/javascript淡入？

回答

相關問題