JQuery UI如何製作顏色動畫
工具/材料
Sublime Text
操作方法
先打開Sublime Text,然後在編輯器中添加HTML5頁面,如下圖所示,由於頁面中中文,所以編碼需要設置成utf-8的格式
接下來需要下載Jquery UI的庫文件,並且在HTML中導入Jquery UI的樣式庫文件,如下圖所示
由於顏色動畫特效需要JS腳本控制,所以需要導入Jquery的腳本和Jquery ui的腳本,如下圖所示。因為Jquery ui是用jquery編寫的,所以先導入Jquery文件
然後在body標籤中添加一個div和一個按鈕。Div標籤是我們要操作的顏色塊,按鈕用來觸發動畫操作,如下圖所示
接下來在頁面中添加style標籤,併為上面設置的div顏色塊來添加樣式,如下圖所示
然後在script標籤中添加我們腳本代碼,如下圖所示,通過調用animate方法進行動畫調用,它可以直接指定顏色塊的背景顏色
最後,我們運行頁面程序,你會在頁面中看到一個顏色塊和一個按鈕,點擊按鈕以後,顏色塊發生變化了,如下圖所示
-
如何使用Eclipse打開已有工程
Eclipse是一個開發工具,很多人用來編寫PHP,JAVA等程序代碼。在Eclipse裏如何打開一個已有的工程?下面來看下。操作方法(01)首先打開你的Eclipse軟件(02)打開後,點擊菜單欄上的“File"-->“New”(03)在New子菜單,點擊“Project"項(04)在彈出的新建項目窗口,可先選擇項目的類...
-
簡單幾步打造圖片的繪畫玻璃效果
怎麼製作圖片的繪畫玻璃效果呢?下面,就讓小編給大家介紹一下吧。操作方法01首先,我們需要打開我們電腦的ps軟件(鼠標左鍵雙擊桌面上的ps快捷方式或者是鼠標右鍵再選擇打開都是可以的)。02打開ps軟件之後,打開一張圖片。03接着,我們複製背景圖層。04添加高斯模糊濾鏡效...
-
cad怎麼畫粗線
在繪製CAD的時候,粗線是經常會使用到的。那麼,在CAD中怎麼畫粗線,下面一起來看看操作步驟吧。操作方法(01)打開電腦中的CAD軟件。需要先將軟件切換至在CAD經典模式,點擊上方工具欄中的工具。(02)之後,會彈出一個下拉列表,點擊列表中的工作空間--AutoCAD經典。這樣就切換...
-
EXCEL技巧——製作學生成績統計表
怎麼使用excel來製作學生成績的統計表。讓小編教給你操作指南。操作方法(01)首先打開一個工作樣表作為例子。如圖所示:(02)在空白單元格內輸入學生成績統計表標題以及相關類目標題。如圖所示:(03)把源數據按照表內格式進行錄入。如圖所示:(04)在f4單元格內輸入公式:“=sum(C...