由標設定有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圖片的網址就可以了

創作者介紹

never12606 發表在 痞客邦 留言(2) 人氣()


留言列表 (2)

發表留言
  • pixnetvisual
  • 親愛的樣式設計師您好:
    PIXNET痞客邦將於2/23(一)舉辦前所未有的部落格樣式設計大賽:”痞客樣式伸展台”。獎金25000元現金及多樣精緻好禮等你拿,痞客邦設計師誠摯邀請您分享創意設計,祝您抱回現金大獎喔!活動詳情請參考線上說明 http://www.pixnet.net/event/templaterunway/
  • s689760
  • y1eRVzp1:1大牌專賣,"精湛工藝 精緻詮釋奢華風格 尊貴打造非凡臻品 您值得擁有,咨詢訂購加賴ID:bv666 感恩喔,貨到付款,黑貓宅配。圖片下面不回復留言喔。