betty2953

教您改變滑鼠游標使用方法 (CSS語法) (1)
分類：╭★設計部落
2006/08/16 17:57





改變滑鼠指標使用方法



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

管理部落格→面板設定→自訂樣式→

在到CSS最下面輸入


body{cursor:hand;}

a:hover{cursor:crosshair;}

body{cursor:url(游標圖片檔網址1)}

a:hover {cursor:url(游標圖片檔網址2)}



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



阿盛的素材

↓

http://sheng.phy.nknu.edu.tw/wjs-13ani.htm



找自己喜歡的遊標

找到之後可以按它旁邊的磁碟片的圖形

千萬不要按左鍵儲存起來~按右鍵選擇複製捷徑

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

之後回到CSS

把滑鼠游標的語法貼在最下面~之後把中文

(游標圖片網址1) 和 (游標圖片網址2) 刪除



不可以把括號 ( ) 刪掉



在同樣的位置按貼上

(把剛剛複製的捷徑的貼上,要兩次一次是

"游標圖片網址1"另一次是"游標圖片網址2")



下面也是游標圖案

↓

http://home.kimo.com.tw/a815182/ani/1_index.htm

http://ashine0118.myweb.hinet.net/loveshine5.ani

http://ashine0118.myweb.hinet.net/hair.ani

http://ashine0118.myweb.hinet.net/music.ani

http://ashine0118.myweb.hinet.net/loveshine6.ani

http://ashine0118.myweb.hinet.net/wing5.ani

http://ashine0118.myweb.hinet.net/angel2.ani

http://ashine0118.myweb.hinet.net/dog3.ani


http://www.themecool.com.tw/themecool/cursor/



還有如果你要改變形狀的就用

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

要改變圖案的就用

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

這兩個不可以一起放！二選一！不然會失敗！

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

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)}



可改為以下其他種形狀

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~)

不知道這樣寫法大家看的懂嗎??如果會了或要引用請給個回應

有問題也可發問