CSS3中的transform屬性可以讓我們按照需要對(duì)元素標(biāo)簽進(jìn)行旋轉(zhuǎn)，而且還能夠兼容不同的瀏覽器。通過(guò)添加jQuery按鈕點(diǎn)擊事件，我們可以動(dòng)態(tài)地控制CSS3的transform屬性，并獲取屬性值。

CSS3中的transform屬性可以讓我們按照需要對(duì)元素標(biāo)簽進(jìn)行旋轉(zhuǎn)，而且還能夠兼容不同的瀏覽器。通過(guò)添加jQuery按鈕點(diǎn)擊事件，我們可以動(dòng)態(tài)地控制CSS3的transform屬性，并獲取屬性值。

步驟一：新建靜態(tài)頁(yè)面

首先，我們雙擊打開(kāi)HBuilder開(kāi)發(fā)工具，然后新建一個(gè)名為的靜態(tài)頁(yè)面。

步驟二：設(shè)置div元素樣式

在lt;bodygt;標(biāo)簽內(nèi)部，添加一個(gè)lt;divgt;元素，并給它設(shè)置一個(gè)id屬性值。然后，使用ID選擇器來(lái)設(shè)置該lt;divgt;元素的樣式。

步驟三：引入jQuery核心js文件并插入按鈕

在lt;titlegt;標(biāo)簽下面引入jQuery核心js文件，然后在lt;divgt;元素下方插入一個(gè)按鈕，并設(shè)置按鈕的樣式。

步驟四：保存代碼并預(yù)覽效果

完成以上設(shè)置后，保存代碼，并預(yù)覽該靜態(tài)頁(yè)面的效果。

步驟五：編寫(xiě)jQuery初始化函數(shù)

接下來(lái)，我們需要編寫(xiě)一個(gè)jQuery初始化函數(shù)，通過(guò)動(dòng)態(tài)變量改變旋轉(zhuǎn)角度。

步驟六：再次保存代碼并查看效果

最后，再次保存代碼，并預(yù)覽該靜態(tài)頁(yè)面。點(diǎn)擊按鈕，可以觀察到元素標(biāo)簽的旋轉(zhuǎn)效果。