JQuery UI如何制作顏色動畫
在使用Jquery UI進行Web頁面制作的時候，我們有時需要添加一些動畫特效，比如顏色變化的效果。下面小編教大家如何用Jquery UI制作顏色動畫。
東西/材料
Sublime Text
操作方式
-
01
先打開Sublime Text，然后在編纂器中添加HTML5頁面，如下圖所示，因為頁面中中文，所以編碼需要設置當作utf-8的格局
-
02
接下來需要下載Jquery UI的庫文件，而且在HTML中導入Jquery UI的樣式庫文件，如下圖所示
-
03
因為顏色動畫特效需要JS劇本節制，所以需要導入Jquery的劇本和Jquery ui的劇本，如下圖所示。因為Jquery ui是用jquery編寫的，所以先導入Jquery文件
-
04
然后在body標簽中添加一個div和一個按鈕。Div標簽是我們要操作的顏色塊，按鈕用來觸策動畫操作，如下圖所示
-
05
接下來在頁面中添加style標簽，并為上面設置的div顏色塊來添加樣式，如下圖所示
-
06
然后在script標簽中添加我們劇本代碼，如下圖所示，經由過程挪用animate方式進步履畫挪用，它可以直接指心猿意馬顏色塊的布景顏色
-
07
最后，我們運行頁面法式，你會在頁面中看到一個顏色塊和一個按鈕，點擊按鈕今后，顏色塊發生轉變了，如下圖所示
- End
- 發表于 2018-03-05 00:00
- 閱讀 ( 626 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章