看到別人部落格裡的滑鼠游標,三不五時就換個新圖案,讓部落格感覺更加的生動、活潑。
這幾天Annabelle也學會了,所以滑鼠游標也變了喲!
有興趣的就跟著試試看吧!
在介紹之前,有幾點要注意的:
(1)CSS的滑鼠游標只接受ani檔(動畫)或cur檔(靜態)。
(2)一般圖片的gif、jpg不能拿來作滑鼠游標使用的,可以用Microangelo的軟体來轉換,也可以自己製作。
(3)滑鼠游標的特殊圖檔,一般免費的網路空間好像都不支援,不過香港雅虎有提供這類型檔案的上傳哦!
首先,請先進入http://hk.geocities.yahoo.com/
已經是Yahoo會員者,直接輸入帳號和密碼登入,不是會員者請從右邊進入註冊。
Annabelle是會員,登入後就進到下面的畫面,點選<1.選擇主題>和輸入<2.驗證登記>後,按提交表格。
來到這個畫面,從<快來自製個人網頁>這裡進入。
登入後,找到<FTP傳輸或無痛上載功能>點進去後,就可以開始上傳囉。
上傳的檔案一次最多20個,可自行選擇;另外上傳的檔名只能是英文或數字,不可以有中文字哦!
上傳完成後,進到檔案總管,選擇想要的滑鼠游標檔案,看到右邊<檢視>,將滑鼠移到此處,按右鍵,選擇<內容>進入。
將下面圈起來的網址,複製貼到編輯CSS語法上即可。
《滑鼠游標語法》
body{cursor:url("游標網址")}/*移到網頁時的滑鼠游標*/
a:hover{cursor:url("游標網址")}/*移到超連結時的滑鼠游標*/
將這二行的語法貼在編輯CSS上,就完成了喲!
藍色字體的部份是語法的解釋,一起貼上去,就不會忘記它的意思喔!
Annabelle目前使用的滑鼠游標,都是從網站上下載的,一開始提到用Microangelo的軟体來自製滑鼠游標,目前尚未有時間研究,所以不懂啦!
留言列表