這篇文章主要介紹了jquery實現淡入淡出效果的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
在新化等地區,都構建了全面的區域性戰略布局,加強發展的系統性、市場前瞻性、產品創新能力,以專注、極致的服務理念,為客戶提供做網站、網站設計 網站設計制作按需求定制開發,公司網站建設,企業網站建設,高端網站設計,全網整合營銷推廣,外貿網站制作,新化網站建設費用合理。
jquery實現淡入淡出效果的方法:首先新建文本文檔,并引入jquery;然后使用方法【fadeIn()】淡入已隱藏的元素;最后使用方法【fadeOut()】淡出可見的元素。
jquery實現淡入淡出效果的方法:
1、新建文本文檔,用于代碼展示和書寫,如圖所示;
2、創建兩個div,id為div1,div2,如圖所示;
3、引入jquery.js,接下來要用到,如圖所示;
4、fadeIn()
方法,可以淡入已隱藏的元素,如圖所示;
5、fadeOut()
方法,可以淡出可見的元素,如圖所示;
6、fadeToggle()
方法,如果隱藏,則淡入,如果可見,則淡出;
7、fadeTo("slow",0.4)
,如圖所示,可以漸變為給定的不透明度
感謝你能夠認真閱讀完這篇文章,希望小編分享jquery實現淡入淡出效果的方法內容對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯行業資訊頻道,遇到問題就找創新互聯,詳細的解決方法等著你來學習!