我已搬到 Mavis ? Design

網址很好記mavis.cc,版面也很乾淨

痞克邦這裡不再更新囉

文章在新網站大多都有用更好的方法重寫過

麻煩大家把新網站加到最愛:D




追蹤 Plurktwitter iGoogle 或加入FB粉絲專頁



1
最簡單的就是直接使用
微軟預設的滑鼠游標(cursor)

找到

body{

a:hover{

這兩行


不過這兩行裡面通常包含很多設定
請在裡面找到cursor(沒有就完全自己+上了)


放入
body{cursor:hand;}

a:hover{cursor:crosshair;}

粉紅色的字 可以改成自己想要的



body 顧名思義跟整體設定有關
a 跟超連結有關
hover是當游標滑過的意思
所以a:hover就是當游標滑過超連結


所以這兩行的翻譯就是
平常的時候游標是hand
滑鼠放在超連結上游標是crosshair
如果hover不設定的話  
只要滑鼠移到超連結就回到預設游標哦




清楚了之後
就可以隨意修改



微軟預設的滑鼠游標
hand      手
crosshair       十字
 

n-resize        箭頭朝上
s-resize      
箭頭朝下
w-resize         箭頭朝左

e-resize         箭頭朝右

sw-resize       箭頭朝左下

se-resize       箭頭朝右下
ne-resize      箭頭朝右上
 
nw-resize      箭頭朝左上 
help         問號
text          文字輸入游標

wait         漏斗

cursor:move       十字箭頭

 

 

 

 

 2圖片型游標

body{cursor:url('游標網址')}                     
a:hover {cursor:url('游標網址')}   
       
CSS內不支援一般的圖片檔哦
例如jpg、gif、bmp
僅能用ani、cur、ico檔

網路上有許多現成的游標可供下載
如果想要製作獨一無二的游標
這裡提供一個簡單的軟體
Microangelo



製作教學


接下來到
開始===>程式集===>Microangelo===>

<====點它



感覺是跟小畫家差不多的
想要動畫的話只要加入影格
做些修改
再播放看看
大概就知道怎麼用了




存好後上傳就大功告成




P.S.許多免費空間也不支援游標檔
無名也不行
必須自己找到空間上傳才行



但是我使用香港雅虎免費空間是可以的哦
http://hk.geocities.yahoo.com/
用雅虎帳號登入既可
上傳即有游標的網址
















創作者介紹

Mavis♡Photoshop

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


留言列表 (2)

發表留言
  • ca95
  • 你的游標為什麼在firefox3也可以顯示耶?
    我的怎麼不行...
  • 幫你詢問的結果....
    firefox3應該是可以看的
    你的瀏覽器是?
    是否動到什麼設定呢?

    Mavis 於 2008/12/03 15:53 回覆

  • JUN
  • 謝謝 :)
  • 也謝謝你的來訪^^

    Mavis 於 2010/11/11 16:41 回覆

找更多相關文章與討論