修改滑鼠游標游標 - ★╮米糕a進修人生〃☆

Contents ...

udn網路城邦

修改滑鼠游標游標

2007/02/20 22:04

迴響0

推薦8

引用0

改變電腦滑鼠指標(圖上動畫所示) 一此類推=3=

＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊

[使用微軟預設的滑鼠游標]

＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊

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

☆〃可將{}內改為下列其他樣式

cursor:hand(手)　　　　　　　　cursor:n-resize(箭頭朝上) cursor:s-resize(箭頭朝下)　　　 cursor:w-resize (箭頭朝左) cursor:e-resize(箭頭朝右) 　　　cursor:sw-resize(箭頭斜左下) cursor:se-resize(箭頭斜右下)　　cursor:move(四處指) cursor:crosshair(十字架)　　　　cursor:ne-resize(箭頭朝右上) cursor:nw-resize(箭頭朝左上) 　cursor:help(?號箭頭) cursor:text(文字I型)　　　　　　cursor:wait(漏斗)

＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊

更改滑鼠游標方法

＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊

[使用圖片式的滑鼠游標]

body{cursor:url("游標圖片檔網址")} /*移到網頁時的滑鼠游標*/

a:hover {cursor:url("游標檔圖片檔網址")} /*移到超連結時的滑鼠游標*/

　　　　　　　　　　　　　☆〃同時加入在body跟a:hover即可呈現變化。

＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊

注意：

＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊　　　＊

☆〃CSS的游標得用cur檔(靜態游標)、ani檔(動態游標)

　　或ico檔，不支援gif、bmp、jpg檔案。