貓奴便利站

在css中加入語法

一、IE可以識別 (Firefox不支援ani檔)

body {
    cursor: url(ani網址);}   /*一般瀏覽網頁時的滑鼠游標效果*/

a:hover{ cursor:url(ani網址);}    /*滑鼠滑過連結文字或圖檔時的游標效果*/


二、讓IE和Firefox都可以識別 (請使用cur檔，奇摩部落格經貓奴測試~Firefox以及Chrome均無法顯示)
body { cursor: url(cur網址);}
a:hover{cursor:url(cur網址);}   


可以存放ani以及cur的免費空間
http://starry.idv.tw/  發葛屋(若您發現網站失效請在下方回應處告知，感謝！)

中華電信用戶有贈送免費網頁空間也可以存放喔！


以下提供二個線上製作cur滑鼠游標的網站，雖然是英文網站，但是並不難喔！

http://www.rw-designer.com/online-cursor-editor  (若您發現網站失效請在下方回應處告知，感謝！)

http://www.cursorwiz.com/ (若您發現網站失效請在下方回應處告知，感謝！)
這裡有教學影片喔



範例如下(如同目前版上示範，是用上方所介紹的網站製作的)
如果您在版上看不到效果，很有可能您使用的不是IE瀏覽器，或是貓奴已經拿掉這個語法了，亦或遠端存放空間出現問題喔！
body{ cursor:url(http://ninihouse520.myweb.hinet.net/cursor/heart01.cur);}
a:hover { cursor:url(http://ninihouse520.myweb.hinet.net/cursor/heart01.cur);}

愛心加箭頭 (利用rw-designer.com網站製作)
http://ninihouse520.myweb.hinet.net/cursor/heart01.cur

瓢蟲樣式 (利用cursorwiz.com網站匯入圖樣功能製作)
http://ninihouse520.myweb.hinet.net/cursor/cursor0817.cur