如何使用jQuery中動畫方法控制元素的樣式和移動

2019-12-12 13:13:07

在使用jQuery時，可以使用裡面的方法控制DOM元素的樣式，如字型大小、字型粗細、字型屬性、寬度、高度等。下面利用範例說明animate方法的用法，操作如下：

第一步，雙擊開啟HBuilderX工具，新建一個HTML5頁面，並引入jquery檔案，如下圖所示：

第二步，在<body></body>標籤元素內，插入一個label和button，如下圖所示：

第三步，儲存程式碼並開啟瀏覽器，預覽頁面效果結果出現報錯，如下圖所示：

第四步，檢查程式碼發現，按鈕點選事件，呼叫animate，這裡的樣式屬性需要使用駝峰結構，如下圖所示：

第五步，再次儲存程式碼並在瀏覽器檢視列印結果，結果發現animated不是函數，如下圖所示：

第六步，返回到HBuilderX工具，修改程式碼animate，檢視列印結果，如下圖所示：