jquery之光棒設計?

Tags: 效果, 光棒,

光棒是一個比較常見的效果,今天通過一個小例子說明光棒的設計過程。

工具/原料

windows系統

vs開發工具或者網頁編輯器

方法/步驟

打開utraedit,新建一個文本,也可以使用其它網頁設計工具,如下圖所示:

jquery之光棒設計

在新建的文本中加入head與body的標籤,標頭命名為光棒設計,如下圖所示。

jquery之光棒設計

加入js中對jquery的引用,方便調用,如下圖所示,這個是關鍵的,關係到你的程序能不能夠運行。

jquery之光棒設計

在body中設計一些用於測試的標籤,如下圖所示

jquery之光棒設計

設計js實現方法,這個步驟是非常關鍵的

jquery之光棒設計

運行程序得到實現結果,如下圖所示

jquery之光棒設計

注意事項

學習開發一定要活學活用,方能有所進步

相關問題答案