教您改變滑鼠游標使用方法 (CSS語法) (1)－ching760720的部落格

教您改變滑鼠游標使用方法 (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(向左下箭頭)

就是這麼簡單