jquery怎么讓一個div慢慢向右展開

新建一個html文件，定名為test.html ，用于實現讓div標的目的右邊慢慢睜開的結果。

在test.html頁面的head頭部，加載jquery.min.js文件，當作功加載該文件才能利用animate()方式。

在test.html頁面，建立一個div模塊，而且設置它的class屬性為pp，用于樣式結構和下面獲得該div對象進行操作。

利用css對上面的div進行樣式結構，設置div的初始寬度為0px，高度為50px，布景顏色為黃色。

在script標簽內，利用$(document).ready()方式實此刻頁面加載時就執行一個function方式，用于實現慢慢睜開的結果。

在function函數內，獲得div對象，利用animate()進步履畫結果設置，使其寬度慢慢擴展為300px ，這個結果設置為6秒內完當作。

在瀏覽器打開test.html文件，查看實現的結果，可以見到，div從無到有，慢慢標的目的右睜開，直至寬度為300px時遏制擴展。

0 條評論