網路城邦
上一篇 回創作列表 下一篇   字體:
【教學】游標穿新衣
2008/05/04 01:11:25瀏覽10537|回應14|推薦25


你是不是也想讓游標穿新衣呢?

跟著做,就ok哩!

滑鼠游標樣式語法: 引用自:

<STYLE type="text/css">
<!--
body{選擇想要的游標樣式語法;} 
-->
</STYLE>

例如:

<STYLE type="text/css">
<!--
body{cursor:move;} 
-->
</STYLE>

此為十字箭頭的游標

  • 作業中 cursor:progress
  • 十字型 cursor:crosshair
  • 箭頭朝上 cursor:n-resize
  • 箭頭朝下 cursor:s-resize
  • 十字箭頭 cursor:move
  • 箭頭朝右 cursor:e-resize
  • 箭頭朝左 cursor:w-resize
  • 加一問號 cursor:help
  • 箭頭朝左上 cursor:nw-resize
  • 箭頭斜右下 cursor:se-resize
  • 文字I型 cursor:text
  • 箭頭斜左下 cursor:sw-resize
  • 箭頭朝右上 cursor:ne-resize
  • 漏斗 cursor:wait
  • 手型(IE6) cursor:pointer
  • 無法使用(IE6) cursor:not-allowed  

    游標圖案語法:

    <STYLE type="text/css">
    <!--
    body{cursor:url(游標網址);}/*移到網頁時的滑鼠游標*/
    a{cursor:url(游標網址);}/*移到超連結時的滑鼠游標*/ 
    -->
    </STYLE>

    PS.游標副檔名須為.ani / .cur / .ico

    游標素材:感謝栀baby做的整理

     

  • →游標的對應網址:
    游標編號1-5
    游標編號6-10
    游標編號11-15
    游標編號16-20
    游標編號21-25
    游標編號26-30
    游標編號31-35
    →其他游標素材網站:
    語法放置位置:
    進階教學:
    附註1:引用自:

    滑鼠游標樣式可運用在任何標籤.例如:
    整個網頁body{cursor:e-resize}
    所有表格內table{cursor:e-resize}
    使用圖案滑鼠游標例如:
    body {cursor:url("mything.cur"),url("mything.cur"),text;}
    當無法處理游標名單的第一個游標,則會以第二個游標代替
    若無法處理任何定義的游標,最後便以一般游標text顯示
    (圖案滑鼠游標寫法是W3C發佈的標準)
    |X| 大部份常寫為 cursor:url(img/cur_f4.ani) 這是錯誤的
    附註2:請使用游標素材者下載游標後上傳自個人網路空間,請勿直接連結。
    為了原提供素材者的流量著想,也為自己著想吧!

    延伸閱讀:css教學 -- 變更ฺ滑鼠指標
  • ( 休閒生活網路生活 )
    回應 推薦文章 列印 加入我的文摘
    上一篇 回創作列表 下一篇

    引用
    引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=eg0501&aid=1836195
     引用者清單(2)  
    2009/05/25 20:45 【*紫米漿 * 的部落格】 【教學】游標穿新衣
    2008/05/04 01:15 【網路公關與行銷】 【教學】游標穿新衣

     回應文章 頁/共 2 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁

    kathy~~
    3Q分享
    2008/09/10 16:56
    分享囉~~
    ─=☆EG☆=─(eg0501) 於 2008-09-20 01:24 回覆:
    ^^不客氣唷!

    容兒
    我下載游標自己電腦用喔
    2008/08/23 15:56
    我下載游標自己電腦用喔
    ─=☆EG☆=─(eg0501) 於 2008-08-24 00:57 回覆:
    OK滴!

    ─=☆EG☆=─
    等級:8
    留言加入好友
    新素材
    2008/07/25 18:23
    ミ★ Happiness forest - 可愛的加工游標下載


    等級:
    留言加入好友
    re
    2008/05/14 13:59

    幫到我很多忙 感謝喔

    本來一直用語法都失敗的

    ─=☆EG☆=─(eg0501) 於 2008-05-14 14:29 回覆:

    不客氣^^

    你的BLOG真的好可愛啦^^

    頁/共 2 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁