朵兒是資深網頁設計師&經營自己的Blog,與你分享朵兒發現的有趣事兒。Namaste
美食、旅遊、料理、閱讀、音樂、好喝的酒、咖啡、貓小孩、雜貨生活、文具、守帳、陽光、愛。
正向享受生活,目標能成為不老傳奇 ♥
※ 喜歡的文章,請大家幫朵兒推一下,感謝捏!朵兒會更用心分享給大家
部落格和網頁,都可以設定不同於瀏覽者電腦中預設的滑鼠指標。
有了滑鼠指標的加持,部落格的氣氛更獨特了。
喜歡設計獨一無二個人空間的主人,更不能錯過嚕~



連結滑鼠樣式
一定要滑鼠游標檔案才可以,通常都是cur檔,可以參考這裡:
咕狗大師裡面也可以搜尋到很多‥
日本滑鼠:http://www.asahi-net.or.jp/~cb9i-kn/index_e.htm
阿盛網站:http://sheng.phy.nknu.edu.tw/wjs-13ani.htm
OECSPACE:http://www.hsiu28.net/cursor/down.php?detail=cur1



網上有些人有分享滑鼠黨的直接連結,把網址貼進語法中就可以。
若你有自己製作的,可以上傳到自己的網頁空間中,如 
www.chinesefreewebs.com  、  www.freewebtown.com
等等的空間,從內容中找到連結,貼到語法中也是可以的:)


語法如下:
body{
cursor:URL(滑鼠網址);}
  /*滑鼠的檔案,副檔名一定要是.ani喔,這是滑鼠在網頁瀏覽中的樣子*/
a:hover{cursor:URL(滑鼠網址);} /*滑到連結上的滑鼠樣子*/ 


除了以圖案設計圖案為主的滑鼠指標,也有比較簡單的
下面那些是微軟內設的,意思就是不用另外找空間上傳,也可以使用↓
body{cursor:指令;}
a:hover{cursor:指令;}

語法範例:
cursor:crosshair;
a:hover{cursor:cursor:crosshair;}


綠色部份為滑鼠的樣式,可改為以下其他種形狀。
(滑鼠請移到下面中文字,就會出現該樣式的圖案喔!!)





cursor:hand (白手)

cursor:n-resize (箭頭朝上)

cursor:s-resize (箭頭朝下)

cursor:w-resize (箭頭朝左)

cursor:e-resize (箭頭朝右)

cursor:sw-resize (箭頭斜左下)

cursor:se-resize (箭頭斜右下)

cursor:move (四處指)

cursor:crosshair (十字架)

cursor:ne-resize (箭頭朝右上)

cursor:nw-resize (箭頭朝左上)

cursor:help (?形狀)

cursor:text (文字I型)

cursor:wait (漏斗)


薇朵兒❤朵貓貓 發表在 痞客邦 PIXNET 留言(4) 人氣()


留言列表 (4)

發表留言
  • 自戀狂草苺
  • 0.0

    位什麼滑鼠指標的網址點進去都是英文版ㄉ?有沒有中文壓?我英文不太好捏~(你解釋ㄉ很清楚)
  • ^^" 因為那是英文的網站,往下拉,會看到很多不同系列的分類,有看到"Cursors"字樣的,就代表滑鼠指標,點進去之後,每個系列的右邊有連結可以下載,不用英文也可以懂得喔^.^有空我再做圖解。

    薇朵兒❤朵貓貓 於 2007/08/27 14:04 回覆

  • 自戀狂草苺
  • 很謝謝妳唷~

    很謝謝你上次抽空做ㄉ回應~
    我想問:
    很多無名ㄉ語法都是只有金卡會員才能使用ㄉ~那按照你ㄉ步驟做ㄌ之後~並沒有抗到效果出現~囧TZ是因為格式不對~還是會員ㄉ問題??
  • Q口Q印象中,換滑鼠指標應該所有會員都可以使用(無名的),我覺得應該是你滑鼠的連結沒寫對,先用用看微軟預設的,如果可以使用就代表純粹網址錯誤ˊˇˋ
    偷偷大聲的說,搬家來pixnet吧XD所有功能都可以使用,還可以同步從pixnet發布新日記到無名去0ˇ0整個就是棒。不用怕搬家過來,要離開無名!

    薇朵兒❤朵貓貓 於 2007/08/28 10:10 回覆

  • 柚子♪
  • 挖~好感謝你...

    姊姊...
      謝謝你~
    這個滑鼠>3<我研究好久說
     現在終於...會了!!
    謝謝押
  • LUNLUN0516
  • 謝謝你的分享

    說明的很明白喔!!
    強強強