jQuery淡入淡出

通過 jQuery,您可以實現(xiàn)元素的淡入淡出效果。

jQuery 擁有下面四種 fade 方法:
fadeIn()
fadeOut()
fadeToggle()
fadeTo()

下面一一介紹

jQuery fadeIn() 方法淡入已隱藏的元素

jQuery fadeIn() 用于淡入已隱藏的元素。

語法:
$(selector).fadeIn(speed,callback);

可選的 speed 參數(shù)規(guī)定效果的時長营曼。它可以取以下值:"slow"囊扳、"fast" 或毫秒。.

實例:帶有不同參數(shù)的 fadeIn() 方法

("button").click(function(){("#div1").fadeIn();
("#div2").fadeIn("slow");("#div3").fadeIn(3000);
});

淡出fadeOut() 方法用于淡出可見元素净蚤。

jQuery fadeOut() 方法用于淡出可見元素。

語法:
$(selector).fadeOut(speed,callback);

可選的 speed參數(shù)規(guī)定效果的時長茉贡。它可以取以下值:"slow"塞栅、"fast" 或毫秒。
可選的 callback參數(shù)是 fading 完成后所執(zhí)行的函數(shù)名稱腔丧。

示例:帶有不同參數(shù)的 fadeOut() 方法

("button").click(function(){("#div1").fadeOut();
("#div2").fadeOut("slow");("#div3").fadeOut(3000);
});

jQuery fadeToggle() 方法在 fadeIn() 與 fadeOut() 方法之間進(jìn)行切換

jQuery fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進(jìn)行切換放椰。
如果元素已淡出,則 fadeToggle() 會向元素添加淡入效果愉粤。
如果元素已淡入砾医,則 fadeToggle() 會向元素添加淡出效果。

語法:
$(selector).fadeToggle(speed,callback);
可選的 speed 參數(shù)規(guī)定效果的時長衣厘。它可以取以下值:"slow"如蚜、"fast" 或毫秒压恒。
可選的 callback 參數(shù)是 fading 完成后所執(zhí)行的函數(shù)名稱。

示例帶有不同參數(shù)的 fadeToggle() 方法

("button").click(function(){("#div1").fadeToggle();
("#div2").fadeToggle("slow");("#div3").fadeToggle(3000);
});

jQuery fadeTo() 方法漸變?yōu)榻o定的不透明度(值介于 0 與 1 之間)

語法:
$(selector).fadeTo(speed,opacity,callback);

必需的 speed 參數(shù)規(guī)定效果的時長错邦。它可以取以下值:"slow"探赫、"fast" 或毫秒。
fadeTo() 方法中必需的 opacity 參數(shù)將淡入淡出效果設(shè)置為給定的不透明度(值介于 0 與 1 之間)撬呢。
可選的 callback 參數(shù)是該函數(shù)完成后所執(zhí)行的函數(shù)名稱伦吠。

實例帶有不同參數(shù)的 fadeTo() 方法

("button").click(function(){("#div1").fadeTo("slow",0.15);
("#div2").fadeTo("slow",0.4);("#div3").fadeTo("slow",0.7);
});

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市魂拦,隨后出現(xiàn)的幾起案子毛仪,更是在濱河造成了極大的恐慌,老刑警劉巖芯勘,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件箱靴,死亡現(xiàn)場離奇詭異,居然都是意外死亡荷愕,警方通過查閱死者的電腦和手機(jī)衡怀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來安疗,“玉大人狈癞,你說我怎么就攤上這事∶酰” “怎么了?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵慨绳,是天一觀的道長掉冶。 經(jīng)常有香客問我,道長脐雪,這世上最難降的妖魔是什么厌小? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮战秋,結(jié)果婚禮上璧亚,老公的妹妹穿的比我還像新娘。我一直安慰自己脂信,他們只是感情好癣蟋,可當(dāng)我...
    茶點故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著狰闪,像睡著了一般疯搅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上埋泵,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天幔欧,我揣著相機(jī)與錄音罪治,去河邊找鬼。 笑死礁蔗,一個胖子當(dāng)著我的面吹牛觉义,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播浴井,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼晒骇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了滋饲?” 一聲冷哼從身側(cè)響起厉碟,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎屠缭,沒想到半個月后箍鼓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡呵曹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年款咖,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片奄喂。...
    茶點故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡铐殃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出跨新,到底是詐尸還是另有隱情富腊,我是刑警寧澤,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布域帐,位于F島的核電站赘被,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏肖揣。R本人自食惡果不足惜民假,卻給世界環(huán)境...
    茶點故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望龙优。 院中可真熱鬧羊异,春花似錦、人聲如沸彤断。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽宰衙。三九已至筒愚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間菩浙,已是汗流浹背巢掺。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工句伶, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人陆淀。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓考余,卻偏偏與公主長得像,于是被迫代替她去往敵國和親轧苫。 傳聞我的和親對象是個殘疾皇子楚堤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,933評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 通過 jQuery,您可以實現(xiàn)元素的淡入淡出效果含懊。 jQuery 擁有下面四種 fade 方法:fadeIn()f...
    明明德撩碼閱讀 357評論 0 0
  • 通過jQuery身冬,您可以選取(查詢岔乔,query)HTML元素酥筝,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 656評論 0 3
  • jQuery 安裝 把 jQuery 添加到您的網(wǎng)頁 如需使用 jQuery雏门,您需要下載 jQuery 庫(會在下...
    Clover園閱讀 293評論 0 0
  • jQuery hide() 和 show() 通過 jQuery嘿歌,您可以使用 hide() 和 show() 方法...
    convertible閱讀 206評論 0 1
  • jQuery 效果 -淡入淡出 jQuery Fading 方法 jQuery 擁有下面四種 fade 方法: f...
    逍遙g閱讀 260評論 0 1