教您改變滑鼠游標使用方法 (CSS語法)【 2009/10/31 更新】

如果網頁開太慢*按滑鼠右鍵*點內容*

會開很快喔!

改變滑鼠指標使用方法

1.管理部落格 → 2.面板設定 → 3.自定樣式 →  把下面ㄉ語法複製貼在CSS語法欄最下面

 

body{cursor:URL(輸入游標圖片檔網址1);} a:hover{cursor:URL(輸入游標圖片檔網址2);}

 

先用第一個 ~ 再回去用第二個

(游標圖片網址1)  和 (游標圖片網址2)  刪除  不可以把括號  (  )  刪掉

(把剛剛複製的捷徑的貼上，選擇兩個圖片檔 "游標圖片網址1" 另一次是 "游標圖片網址2" )

成品

↓

瑪爾濟斯 & 西施狗

 

body{cursor:URL(http://ashine0118.myweb.hinet.net/sisu.ani);} a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/maltese.ani);}

 

可以到下面的網址找一個你喜歡的圖片然後複製網址

滑鼠游標圖檔素材

↓

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(向左下箭頭)

 

上面這兩種語法不可以一起放！二選一！不然會失敗！

 

就是這麼簡單

 

老師在說你沒在聽嘛！都教了你那麼多你還不會?

 

怎麼辦? 

你有沒有聽~你沒有聽嘛~你有看沒有聽嘛！

那你還看我的節目幹什麼？

就關掉不要看了嘛！

........................................(...瞪...)

..........................（丟筆）

....................(生氣ing)

..........(-_-")

.....(？)

 老師不多說~我們現在平心靜氣下來先進一段廣告，

為了感謝「有看沒有懂的人」

等一下開放電話招收5位會員

尤其有被 (老師感動) 到的網友，

我們有優待喔...

......................................................(-_-")

..............................(~!#$%^&*)

....................(？)

..........(.....)

...(zzz~)

 

(不必傷腦筋法)

是用我的部落格相同的CSS(雙滑鼠游標)

1.管理部落格 → 2.面板設定 → 3.自定樣式 →  把下面ㄉ語法複製貼在CSS語法最下面 → 按【確定】完成。

(重覆貼取語法會干擾程式，可能會造成效果無法顯示，或是其他無法預期的事情。)

3 組  雙滑鼠游標

 ↓

 

/*小花+狄斯奈卡通滑鼠游標*/
body{cursor:URL(http://home.educities.edu.tw/nkhs9323005/aninkhs932300502.ani);}
a:hover{cursor:URL(http://home.educities.edu.tw/nkhs9323005/ani005.ani);}

 

/*趴趴熊+狄斯奈卡通滑鼠游標*/
body{cursor:URL(http://home.educities.edu.tw/nkhs9323005/ani004.ani);}
a:hover{cursor:URL(http://home.educities.edu.tw/nkhs9323005/aninkhs932300502.ani);}

 

/*趴趴熊+小花滑鼠游標*/
body{cursor:url(http://home.educities.edu.tw/nkhs9323005/ani004.ani);}
a:hover{cursor:url(http://home.educities.edu.tw/nkhs9323005/ani005.ani);}

 

◎←錄影中　 　請微笑→◎