用CSS改變滑鼠

2008050614:24
 蒐集:CSS教學   2006/11/29 12:17

(想學會用CSS改變滑鼠就看我的文章沒錯哩!)

好了開始說明囉﹋

首先(開新視窗)登入奇摩→到自己的部落格→管理部落格

→面板設定→自訂樣式→在最下面輸入(上面那些別刪除)

body{cursor:hand;}
a:hover{cursor:crosshair;}

※藍色部份為滑鼠的樣式,可改為以下其他種形狀。
auto(自動決定)            default(預設值)
crosshair(十字)           hand(手形)
move(移動時的游標)        help(有問號的游標)
text(文字編輯的游標)       wait(忙碌中的游標)
w-resize(向左箭頭)     e-resize(向右箭頭)
n-resize(向上箭頭)      ne-resize{向右上箭頭)
nw-resize(向左上箭頭)     s-resize(向下箭頭)
se-resize(向右下箭頭)    sw-resize(向左下箭頭)

或是用圖片示的滑鼠游標(我的部落格滑鼠就是用圖案示的) 

body{cursor:url(游標圖示檔網址)}
a:hover{cursor:url(游標檔圖示檔網址)}


藍色部份要修改為網址
可以到下面的網址找一個你喜歡的圖片然後複製網址就好哩!

游標圖案

↑游標圖示檔網址=
http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani
上面那個網址選好圖案有編號把編號改成你要的圖案數字就好

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
還有如果你要改變形狀
的就用
body{cursor:hand;}
a:hover{cursor:crosshair;}
要改變圖案的就用
body{cursor:url(游標圖示檔網址)}
a:hover{cursor:url(游標檔圖示檔網址)}
這兩個不可以一起放!二選一!不然會失敗!
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

想用圖檔的可以先複製這個↓再把編號改掉就好

body{cursor:url(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000001.ani)}
a:hover {cursor:url(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000001.ani)}

(不懂的可以回應問我﹋如果會了也給我點回應吧^^)