jQuery-onload讓第一次頁(yè)面加載時(shí)圖片是淡入方式顯示
$("#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'>
第一次打開(kāi)一個(gè)頁(yè)面時(shí),讓加載好的圖片先隱藏,然后再執(zhí)行動(dòng)畫(huà)fadeIn。
這里的load事件:當(dāng)所有子元素已經(jīng)被完全加載完成時(shí),load事件被發(fā)送到這個(gè)元素。
- jQuery移動(dòng)頁(yè)面開(kāi)發(fā)中的觸摸事件與虛擬鼠標(biāo)事件簡(jiǎn)介
- jQuery鼠標(biāo)事件匯總
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- IE8下jQuery改變png圖片透明度時(shí)出現(xiàn)的黑邊
- 使用jQuery實(shí)現(xiàn)圖片遮罩半透明墜落遮擋
- jQuery fadeTo方法調(diào)整圖片的透明度使用介紹
- jQuery圖片輪播的具體實(shí)現(xiàn)
- 基于Jquery的簡(jiǎn)單圖片切換效果
- Jquery實(shí)現(xiàn)點(diǎn)擊切換圖片并隱藏顯示內(nèi)容(2種方法實(shí)現(xiàn))
- Jquery中使用show()與hide()方法動(dòng)畫(huà)顯示和隱藏圖片
- jQuery實(shí)現(xiàn)響應(yīng)鼠標(biāo)事件的圖片透明效果【附demo源碼下載】
相關(guān)文章
jQuery鏈?zhǔn)秸{(diào)用與show知識(shí)淺析
這篇文章主要介紹了jQuery的XX如何實(shí)現(xiàn)?——2.show與鏈?zhǔn)秸{(diào)用 的相關(guān)資料,非常具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-05-05jQuery hover 延時(shí)器實(shí)現(xiàn)代碼
在上一篇文章 《鼠標(biāo)事件延時(shí)切換插件》 中,我已經(jīng)寫(xiě)了幾個(gè)簡(jiǎn)單的延時(shí)器的例子,今天突然想到j(luò)Query的自定義動(dòng)畫(huà)的animate方法可以使用delay2011-03-03讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法
用Jquery去操作HTML元素很方便,能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選,以下用到的一些,整理了一下,還有很多有趣的用法,后續(xù)會(huì)繼續(xù)添加。2011-07-07jQuery的DOM操作之刪除節(jié)點(diǎn)示例
如果文檔中某一個(gè)元素多余,那么應(yīng)將其刪除。jQuery提供了兩種刪除節(jié)點(diǎn)的方法,remove()方法和empty()方法下面為大家詳細(xì)介紹下2014-01-01json+jQuery實(shí)現(xiàn)的無(wú)限級(jí)樹(shù)形菜單效果代碼
這篇文章主要介紹了json+jQuery實(shí)現(xiàn)的無(wú)限級(jí)樹(shù)形菜單效果代碼,涉及jquery針對(duì)json數(shù)據(jù)的遍歷、讀取及動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08頁(yè)面刷新時(shí)記住滾動(dòng)條的位置jquery代碼
這篇文章主要介紹了點(diǎn)擊按鈕頁(yè)面刷新的時(shí)候 記住滾動(dòng)條的位置,需要的朋友可以參考下2014-06-06jQuery實(shí)現(xiàn)簡(jiǎn)單的回到頂部totop功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的回到頂部totop功能,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10jquery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊后展開(kāi)列表內(nèi)容的導(dǎo)航欄效果
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊后展開(kāi)列表內(nèi)容的導(dǎo)航欄效果,通過(guò)簡(jiǎn)單的jQuery鏈?zhǔn)讲僮鲗?shí)現(xiàn)針對(duì)頁(yè)面元素的遍歷及樣式動(dòng)態(tài)變換功能,需要的朋友可以參考下2015-09-09