首頁 > 網際網路

jquery如何使用slideDown方法?

2019-12-12 08:12:32

slideDown方法是將某一元素由隱藏的狀態慢慢的展示呈現向下滑的方式。

1

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


2

在body中加入div元素,一個作為父div,一個作為點選div,一個作為面板展示


3

加入css樣式設定div的展示樣式


4

在檔案中引入jquery庫js檔案


5

在js中加入文件準備函數,並在點選事件中加入slidedown方法,時間間隔是3秒完成操作。


6

在瀏覽器中執行該檔案,點選「點這裡向滑下面板」3秒內完成面板下滑展示動作





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