淡入有3種方法:1、fadeIn(),可以淡入隱藏元素,語法“元素對象.fadeIn(淡入時長)”;2、fadeTo(),語法“元素對象.fadeTo(時長,1)”;3、fadeToggle(),語法“對象.fadeToggle(時長)”。
本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中,能實現淡入效果的有三個方法:
fadeIn() 方法
fadeToggle() 方法
fadeTo() 方法
1、fadeIn() 方法
fadeIn() 用于淡入已隱藏的元素。
語法:
$(selector).fadeIn(speed,callback);
可選的 speed 參數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。.
可選的 callback 參數是 fading 完成后所執行的函數名稱。
示例:
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><scriptsrc="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("#p1").fadeIn();$("#p2").fadeIn("slow");$("#p3").fadeIn(3000);});});</script></head><body><p>以下實例演示了fadeIn()使用了不同參數的效果。</p><button>點擊淡入p元素。</button><br><br><pid="p1"style="width:80px;height:80px;display:none;background-color:red;"></p><br><pid="p2"style="width:80px;height:80px;display:none;background-color:green;"></p><br><pid="p3"style="width:80px;height:80px;display:none;background-color:blue;"></p></body></html>2、fadeTo() 方法
fadeTo() 方法允許漸變為給定的不透明度(值介于 0 與 1 之間)。
語法:
$(selector).fadeTo(speed,opacity,callback);
必需的 speed 參數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。
fadeTo() 方法中必需的 opacity 參數將淡入淡出效果設置為給定的不透明度(值介于 0 與 1 之間)。
可選的 callback 參數是該函數完成后所執行的函數名稱。
只需要將opacityc參數的值設置為1,即可實現淡入效果。
$(document).ready(function(){$("button").click(function(){$("#p1").fadeTo("fast",1);$("#p2").fadeTo("slow",1);$("#p3").fadeTo(5000,1);});});3、fadeToggle() 方法
fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。
如果元素已隱藏,則 fadeToggle() 會向元素添加淡入效果。
如果元素已顯示,則 fadeToggle() 會向元素添加淡出效果。
$(document).ready(function(){$("button").click(function(){$("#p1").fadeToggle();$("#p2").fadeToggle("slow");$("#p3").fadeToggle(5000);});});讀到這里,這篇“jquery淡入的方法是什么”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注本站行業資訊頻道。
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
從過去到現在通貨膨脹一直都是我們所在生活中多擔心的問題。我們每個人都一直在與之抗爭，希望能打贏他們保護我們的財富。當流通中的貨幣量大于有效經濟總量時就會發生通貨膨脹。主要的表現就是市場上商品的整體價格上漲。就是錢多了但是能買的東西沒有發生變化。當通貨膨脹發生時，價格上漲是一個有規律以及有系統的過程：首先漲的是生活必需品，比如糧、米、面、油。因為是必需品，所以他們在任何時候都是人們生活最基本的保障。...
農村信用社貸款要求:1、貸款人年齡在18-65周歲。有按期還本付息的能力。原應付貸款利息和到期貸款已基本清償;沒有清償的，已經作了貸款人認可的償還計劃。.2、農村在貸款社已開立基本賬戶或一般存款賬戶,并在該賬戶內保留有一定數額的支付保證金;自愿接受貸款社的信貸及結算的監督檢查,能夠保證定期向貸款社報送經營計劃和相關業務、財務報表。3、申請保證、抵押貸款的,必須具有符合規定的貸款保證人貸款抵押物或質...
深圳前海概念股是什么意思?前海概念股包括哪些股票?一起跟隨小編簡單了解下。希望對大家有幫助。深圳前海概念股是什么意思?前海的概念是指位于深圳， 南山半島西部連接深， 港兩地的前海，占地1400萬平方米，主要包括800萬平方米的商業倉儲用地、400萬平方米的商業設備和200萬平方米的市政配套設施。2010年《前?？傮w規劃》被國務院原則批準建設金融商業中心城市，也就是所謂的“前海概念&rd...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）