國際新聞
Yahoo    Google    MSN

游標語法

符號:
cursor:符號指令
圖示:
cursor:url(游標網址)



符號指令表:

+ 十字 crosshair
↔↕ 十字箭頭 move
↖? 箭頭問號 help
↕ 直箭頭 n-resize
↔ 橫箭頭 e-resize
↖↘ 左斜箭頭 nw-resize
↙↗ 右斜箭頭 ne-resize

※符號的語法不需要 url() 其他的跟圖示一樣。
※圖示的游標只能用 cur 或 ani 的檔案類型。
※以下部落格的用法都差不多,我只在無名小站做比較多的說明。


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

無名小站】

位置

樣式管理→修改CSS樣式表

方法一

body{游標語法} ──────────────────> 一般看到的游標
a:hover{游標語法} ──────────────────> 移到連結的游標
把捲軸拉到最下面,將上面兩行藍字貼上,然後按存檔

◎例如
body{cursor:url(http://hk.geocities.com/s821024abc/onionani01.ani)}
a:hover{cursor:url(http://hk.geocities.com/s821024abc/onionani01.ani)}


方法二

假如方法一沒用,在CSS中按Ctrl+F搜尋bodya: hover標籤
然後會看到類似下面這種東西
body {
cursor:url(http://hk.geocities.com/s821024abc/onionani01.ani);
font-size: 11px;
*font-size: 10px;
letter-spacing: 1pt;
font-family: "Century Gothic";
color: #555;
background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1215175543.png) repeat left top;
}
接下來把cursor後面的游標網址改成你要的就可以了!

◎例如
body {cursor:url(http://hk.geocities.com/s821024abc/onionani02.ani);
font-size: 11px;
*font-size: 10px;
letter-spacing: 1pt;
font-family: "Century Gothic";
color: #555;
background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1215175543.png) repeat left top;
}


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

痞客邦】

位置

管理後台→樣式設計精靈→CSS原始碼編輯

方法

把捲軸拉到最下面,貼上下面兩行藍字
body{cursor:url(游標網址)} ──────────────────> 一般看到的游標
a:hover{cursor:url(游標網址)} ──────────────────> 移到連結的游標

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

【Yahoo!奇摩部落格】

位置

管理部落格→面板設定→自訂樣式

方法

把捲軸拉到最下面,貼上下面兩行藍字
body{cursor:url(游標網址)} ──────────────────> 一般看到的游標
a:hover{cursor:url(游標網址)} ──────────────────> 移到連結的游標

 


創作者介紹

FUN輕鬆~~

懷特 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • 小哲
  • 游標語法

    可以把你的李包恩語法傳給我ㄇ??
  • 李包恩的游標網址,如果失連那就沒辦法了~~
    http://wabis.biz/up0015/
    200908292059281
    754272110.ani

    懷特 於 2009/08/29 08:04 回覆