本文小編為大家詳細介紹“jquery淡入的方法是什么”,內容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“jquery淡入的方法是什么”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
創(chuàng)新互聯公司服務項目包括鹿寨網站建設、鹿寨網站制作、鹿寨網頁制作以及鹿寨網絡營銷策劃等。多年來,我們專注于互聯網行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯網行業(yè)的解決方案,鹿寨網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到鹿寨省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
淡入有3種方法:1、fadeIn(),可以淡入隱藏元素,語法“元素對象.fadeIn(淡入時長)”;2、fadeTo(),語法“元素對象.fadeTo(時長,1)”;3、fadeToggle(),語法“對象.fadeToggle(時長)”。
本教程操作環(huán)境:windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中,能實現淡入效果的有三個方法:
fadeIn() 方法
fadeToggle() 方法
fadeTo() 方法
1、fadeIn() 方法
fadeIn() 用于淡入已隱藏的元素。
語法:
$(selector).fadeIn(speed,callback);
可選的 speed 參數規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。.
可選的 callback 參數是 fading 完成后所執(zhí)行的函數名稱。
示例:
以下實例演示了 fadeIn() 使用了不同參數的效果。
2、fadeTo() 方法
fadeTo() 方法允許漸變?yōu)榻o定的不透明度(值介于 0 與 1 之間)。
語法:
$(selector).fadeTo(speed,opacity,callback);
必需的 speed 參數規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。
fadeTo() 方法中必需的 opacity 參數將淡入淡出效果設置為給定的不透明度(值介于 0 與 1 之間)。
可選的 callback 參數是該函數完成后所執(zhí)行的函數名稱。
只需要將opacityc參數的值設置為1,即可實現淡入效果。
$(document).ready(function() { $("button").click(function() { $("#div1").fadeTo("fast",1); $("#div2").fadeTo("slow",1); $("#div3").fadeTo(5000,1); }); });
3、fadeToggle() 方法
fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。
如果元素已隱藏,則 fadeToggle() 會向元素添加淡入效果。
如果元素已顯示,則 fadeToggle() 會向元素添加淡出效果。
$(document).ready(function() { $("button").click(function() { $("#div1").fadeToggle(); $("#div2").fadeToggle("slow"); $("#div3").fadeToggle(5000); }); });
讀到這里,這篇“jquery淡入的方法是什么”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。