以下是PIXNET的
css的開頭就能找到
然後
在加上紅色那一串


body{
   font-size:small ;
   font-family:"Century Gothic" ;
   background:#e9518e ;
 cursor:url("滑鼠游標網址1")
}
a{
   text-decoration:none ;
   color:#e90073 ;
 cursor:url("滑鼠游標網址2")
}
a:hover{
   color:#000 ;
 cursor:url("滑鼠游標網址3")
}



第一個游標網址是移到超連結時的游標(就是移到網頁時的游標)~就是一般的白色箭頭游標


第二個游標網址是未連結連結之間的轉換~如果這邊沒有放游標~再滑鼠要移到連結的地方時~會出現一般連結時的小白手~之後游標才會轉換到第三個網址的游標~~
(其實可以不放網址~不過會怪怪的~因為三不五時就會出現一隻怪怪的小白手XD)


第三個游標的網址是滑鼠移到超連結時會變換的游標~就是代替連結時的小白手


!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!


以下是無名的=   =""(反正都加在同一個地方....沒差啦!!)


<圖片式的滑鼠游標>

body{cursor:url("游標圖片檔網址1")}      <<<<<移到網頁時的滑鼠游標
a:hover {cursor:url("游標檔圖片檔網址2")}       <<<<<移到超連結時的滑鼠游標
※ 同時加入在body跟a:hover就可以呈現變化

(有個白痴的"網址1""網址2"放的是""同一個圖案""~然後一把鼻涕一把眼淚的跟我說他家滑鼠壞掉了~都不會變......=    ="")

css游標要用cur檔(靜態游標)~ani檔(動態游標)或ico檔~
~~不支援gif、bmp、jpg檔案唷^^




(爬過文章之後的心得=    ="")

(努力學習css中~~~~)

arrow
arrow
    全站熱搜

    隔壁老王 發表在 痞客邦 留言(3) 人氣()