以下是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中~~~~)

創作者介紹

簡單LIN負擔

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


留言列表 (2)

發表留言
  • jet0314
  • 小水草

    這我也會,等我弄好讓你瞧瞧^^
  • yummi504
  • 在這學到改游標的方法
    謝謝你的分享喔^^
  • ^^哈哈~不客氣啦!!別跟我謝謝啦!!
    ((羞~))
    你方便用到就好~我這樣標示還清楚吧~
    ^^
    有興趣的話~大家交個朋友阿~呵呵

    abcdee04510 於 2008/07/11 14:30 回覆