jQuery-onload讓第一次頁面加載時圖片是淡入方式顯示
更新時間:2012年05月23日 16:10:43 作者:
第一次打開一個頁面時,讓加載好的圖片先隱藏,然后再執(zhí)行動畫fadeIn,這里的load事件:當(dāng)所有子元素已經(jīng)被完全加載完成時,load事件被發(fā)送到這個元素
復(fù)制代碼 代碼如下:
$("#load img").load(function() {
//圖片默認(rèn)隱藏
$(this).hide();
//使用fadeIn特效
$(this).fadeIn("5000");
})
<div id="load" class="loading"><img src="images/apple_3_bigger.jpg" style=" height:auto" id='uu1'>
第一次打開一個頁面時,讓加載好的圖片先隱藏,然后再執(zhí)行動畫fadeIn。
這里的load事件:當(dāng)所有子元素已經(jīng)被完全加載完成時,load事件被發(fā)送到這個元素。
您可能感興趣的文章:
- jQuery移動頁面開發(fā)中的觸摸事件與虛擬鼠標(biāo)事件簡介
- jQuery鼠標(biāo)事件匯總
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- IE8下jQuery改變png圖片透明度時出現(xiàn)的黑邊
- 使用jQuery實現(xiàn)圖片遮罩半透明墜落遮擋
- jQuery fadeTo方法調(diào)整圖片的透明度使用介紹
- jQuery圖片輪播的具體實現(xiàn)
- 基于Jquery的簡單圖片切換效果
- Jquery實現(xiàn)點擊切換圖片并隱藏顯示內(nèi)容(2種方法實現(xiàn))
- Jquery中使用show()與hide()方法動畫顯示和隱藏圖片
- jQuery實現(xiàn)響應(yīng)鼠標(biāo)事件的圖片透明效果【附demo源碼下載】
相關(guān)文章
jQuery鏈?zhǔn)秸{(diào)用與show知識淺析
這篇文章主要介紹了jQuery的XX如何實現(xiàn)?——2.show與鏈?zhǔn)秸{(diào)用 的相關(guān)資料,非常具有參考借鑒價值,感興趣的朋友一起學(xué)習(xí)吧2016-05-05json+jQuery實現(xiàn)的無限級樹形菜單效果代碼
這篇文章主要介紹了json+jQuery實現(xiàn)的無限級樹形菜單效果代碼,涉及jquery針對json數(shù)據(jù)的遍歷、讀取及動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08jQuery實現(xiàn)簡單的回到頂部totop功能示例
這篇文章主要介紹了jQuery實現(xiàn)簡單的回到頂部totop功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-10-10jquery實現(xiàn)鼠標(biāo)點擊后展開列表內(nèi)容的導(dǎo)航欄效果
這篇文章主要介紹了jquery實現(xiàn)鼠標(biāo)點擊后展開列表內(nèi)容的導(dǎo)航欄效果,通過簡單的jQuery鏈?zhǔn)讲僮鲗崿F(xiàn)針對頁面元素的遍歷及樣式動態(tài)變換功能,需要的朋友可以參考下2015-09-09