由標設定有2種改法

先介紹最普通的游標和圖形游標

只要插入兩行語法

body{cursor:樣式語法;}
a:hover{cursor:樣式語法;}

n-resize(箭頭朝上)

s-resize(箭頭朝下)

w-resize(箭頭朝左)

e-resize(箭頭朝右)

sw-resize(箭頭斜左下)

se-resize(箭頭斜右下)

ne-resize(箭頭朝右上)

nw-resize(箭頭朝左上)

hand(白手)
move(
四處指)
crosshair(十字)

 

help(?形) 
text(文字I型)

wait(漏斗)

body{cursor:樣式語法;}
(游標尚未指到連結時的樣式)

a:hover{cursor:樣式語法;}
(游標指到連結時的樣式)

例如說我游標尚未指到連結時的樣式十字,游標指到連結時的樣式白手

那與法就可以變成

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

接下來是圖形游標

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

只要在框框內貼上ani圖片的網址就可以了

Posted by never12606 at 痞客邦 PIXNET 留言(1) 引用(0) 人氣()


open trackbacks list Trackbacks (0)

留言列表 (1)

Post Comment
  • pixnetvisual
  • 親愛的樣式設計師您好:
    PIXNET痞客邦將於2/23(一)舉辦前所未有的部落格樣式設計大賽:”痞客樣式伸展台”。獎金25000元現金及多樣精緻好禮等你拿,痞客邦設計師誠摯邀請您分享創意設計,祝您抱回現金大獎喔!活動詳情請參考線上說明 http://www.pixnet.net/event/templaterunway/

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options