怎么實現在輸入框輸入角度, 點擊按鈕讓div旋轉

在jquery中，可以使用val()方法獲得輸入框角度值，使用css()方法設置div的transform來實現旋轉。下面小編舉例講解怎么實現在輸入框輸入角度, 點擊按鈕讓div旋轉。

東西/原料

1
新建一個html文件，定名為test.html，用于講解怎么實此刻輸入框輸入角度, 點擊按鈕讓div扭轉。
2
在test.html文件內，利用input標簽建立一個輸入框，用于角度的輸入。
3
在test.html文件內，再利用div標簽建立一個模塊，用于扭轉。同時，利用css設置div的高度、寬度為150px，布景顏色為藍色，外邊距為20px。
4
在test.html文件內，利用button標簽建立一個按鈕，給button按鈕綁定onclick點擊事務，當按鈕被點擊時，執行divChange()函數。
5
在js標簽中，建立divChange()函數，在函數內，獲得input對象，利用val()方式獲得輸入的角度，再獲得div對象，利用css()設置div的transform屬性為獲得的角度值。
6
在瀏覽器打開test.html文件，查看實現的結果。
END