jquery怎么讓一個div漸漸顯示出來

新建一個html文件，定名為test.html，用于講解jquery怎么讓一個div垂垂顯示出來。

在test.html頁面的頭部加載jquery.min.js文件，這是利用jquery中的fadeIn()方式的前提。

在test.html頁面，建立一個div模塊，而且設置其class屬性為pp，用于下面經由過程該類名獲得該div對象。

利用css對上面建立的div進行樣式結構，設置其寬度為300px，高度為100px，布景顏色為紅色，并設置其埋沒屬性，使其不展示出來。

在div的下面建立一個class屬性為btn1的按鈕，當該按鈕被點擊時，實現使div慢慢呈現。

給上面的按鈕綁心猿意馬click點擊事務，當按鈕被點擊時，執行funciton函數，在函數內利用fadeIn()方式使div在5秒內垂垂顯示出來，代碼如下：

在瀏覽器打開test.html文件，查看實現的結果，可見當點擊“垂垂呈現”按鈕時，div從無到有，垂垂顯示出來。

0 條評論