首頁 > 網際網路

jquery如何使用fadeToggle方法?

2019-12-12 07:57:35

fadeToggle是方法是fadein淡入和fadeout淡出相互切換,來達到簡單的隱藏和顯示的動畫效果。

1

建立一個名稱為fadetoggle的html檔案


2

在檔案中加入兩個div 設定寬,高和背景色。


3

引入jquery庫jquery.min.js


4

在js中加入文件準備函數


5

在準備函數中加入button點選事件click


6

分別對兩個div的id加入 兩種不同的fadetoggle顯示方式。


7

在瀏覽器中執行該檔案,並點選button按鈕檢視效果




IT145.com E-mail:sddin#qq.com