快捷導(dǎo)航

jQuery-onload讓第一次頁面加載時圖片是淡入方式顯示

更新時間：2012年05月23日 16:10:43 作者：

第一次打開一個頁面時,讓加載好的圖片先隱藏，然后再執(zhí)行動畫fadeIn，這里的load事件：當(dāng)所有子元素已經(jīng)被完全加載完成時，load事件被發(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ā)送到這個元素。

您可能感興趣的文章:

相關(guān)文章

輕松搞定jQuery+JSONP跨域請求的解決方案
了解了jsonp之后，大家應(yīng)該也都明白了，jsonp主要就是用來實(shí)現(xiàn)跨域的獲取數(shù)據(jù)，今天我們就來詳細(xì)探討下如何在實(shí)際中應(yīng)用jsonp實(shí)現(xiàn)跨域
2018-03-03
jQuery加載及解析XML文件的方法實(shí)例分析
這篇文章主要介紹了jQuery加載及解析XML文件的方法,結(jié)合實(shí)例形式分析了xml文件的創(chuàng)建及jQuery針對xml文件的獲取、解析相關(guān)操作技巧,需要的朋友可以參考下
2017-01-01
JQuery 自定義CircleAnimation，Animate方法學(xué)習(xí)筆記
最近對看了一些JQuery的基礎(chǔ)教程，被JQuery深深的吸引住了，以前用過Extjs，看了JQuery不禁感嘆，javascript還能這么些，真是太神奇了！
2011-07-07
淺談struts1 & jquery form 文件異步上傳
下面小編就為大家?guī)硪黄獪\談struts1 & jquery form 文件異步上傳。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
一個簡單的動態(tài)加載js和css的jquery代碼
動態(tài)加載js和css的jquery，可用于在生成頁面時通過js函數(shù)加載一些共通的js和css文件,需要的朋友可以參考下
2014-09-09
解決IE7中使用jQuery動態(tài)操作name問題
IE7中無法使用Jquery動態(tài)操作頁面元素的name屬性，怎么解決這個問題呢？下面小編給大家?guī)砹私鉀QIE7中使用jQuery動態(tài)操作name問題，需要的朋友參考下吧
2017-08-08
jquery實(shí)現(xiàn)的簡單二級菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的簡單二級菜單效果代碼,通過簡單的jQuery控制鼠標(biāo)事件及鏈?zhǔn)讲僮鲗?shí)現(xiàn)二級菜單切換的功能,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
JQuery日期插件datepicker的使用方法
這篇文章主要為大家詳細(xì)介紹了JQuery日期插件datepicker的使用方法，感興趣的小伙伴們可以參考一下
2016-03-03
jQuery處理xml格式的返回?cái)?shù)據(jù)(實(shí)例解析)
在以下示例中，我將使用$.ajax()方法，使用$.get()方法也可以，但我覺得$.ajax()更好一些，代碼更容易懂，并且也不怎么復(fù)雜
2013-11-11
關(guān)于jquery append() html時的小問題的解決方法
關(guān)于jquery append() html時的小問題，碰到類似問題的朋友可以參考下。
2010-12-12