![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_00.jpg)
甚至有些還可以調整圖示的筆畫粗細與尺寸,最酷的是lordicon還可指定動畫的用途,比方像是一直無限播放,或是當滑鼠滑入後再變動態效果,而且免費版本就提供了八千多種的動態圖示可使用,因此想要讓網頁動起來的朋友,現在也一塊來看看囉!
lordicon
Step1
首先再進入lordicon後,點上方的Icons並選擇圖示主題。
![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_01.jpg)
Step2
進入主題後,將模式設為Free。
![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_02.jpg)
Step3
除了可從下方的分類中尋找外,也可使用關鍵字的方式進行搜尋。
![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_03.jpg)
Step4
當找到後,將滑鼠移到圖示上方,並點右下角的圖示。
![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_04.jpg)
Step5
在進入後,就可設定動態圖示的使用情境。
![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_05.jpg)
Step6
在設定完畢後,點EMBED HTML圖示。
![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_06.jpg)
Step7
接著把下方的的原始碼複製起來。
![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_07.jpg)
Step8
接著再貼到網頁中,而梅干是選擇滑鼠滑入時作效果,因此當滑鼠滑入後,圖示就會開動,效果還蠻不錯的,因此想讓網頁動起來的朋友,不妨可試試看囉!
![梅問題-lordicon 免費八千多個,動態向量圖示免費使用](http://photo.minwt.com/img/Content/free/lordicon/lordicon_08.jpg)
#範例預覽