看到別人部落格裡的滑鼠游標,三不五時就換個新圖案,讓部落格感覺更加的生動、活潑。

這幾天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的軟体來自製滑鼠游標,目前尚未有時間研究,所以不懂啦!

arrow
arrow
    全站熱搜

    Annabelle64 發表在 痞客邦 留言(1) 人氣()