close

用CSS設定滑鼠游標



首先(開新視窗)登入奇摩→到自己的部落格→管理部落格


→面板設定→自訂樣式→在最下面輸入(上面那些別刪除)


body{cursor:hand;}
a:hover{cursor:crosshair;}


※藍色部份為滑鼠的樣式,可改為以下其他種形狀。
auto(自動決定)            default(預設值)
crosshair(十字)           hand(手形)
move(移動時的游標)        help(有問號的游標)
text(文字編輯的游標)       wait(忙碌中的游標)
w-resize(向左箭頭)     e-resize(向右箭頭)
n-resize(向上箭頭)      ne-resize{向右上箭頭)
nw-resize(向左上箭頭)     s-resize(向下箭頭)
se-resize(向右下箭頭)    sw-resize(向左下箭頭)


或是用圖片示的滑鼠游標(我的部落格滑鼠就是用圖案示的) 


body{cursor:url(游標圖示檔網址)}
a:hover{cursor:url(游標檔圖示檔網址)}




藍色部份要修改為網址


先是到尋夢小站裡面的動態游標區找游標


例如游標圖示檔網址=
http://seek-dreams.com/ani/01/111.ani


上面那個網址選好圖案後,再去連結圖檔游標教學看一下


把網址改為http://club.telepolis.com/lucy1987/ani/01/111.ani


以上只是範例,只要更改上方黑色的網址,將可正常顯示圖片。




☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
還有如果你要改變形狀
的就用
body{cursor:hand;}
a:hover{cursor:crosshair;}
要改變圖案的就用
body{cursor:url(游標圖示檔網址)}
a:hover{cursor:url(游標檔圖示檔網址)}
這兩個不可以一起放!二選一!不然會失敗!
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

想用圖檔的可以先複製這個↓再把網址改掉就好

body{cursor:url(http://seek-dreams.com/ani/02/cm001.ani)}
a:hover {cursor:url(http://seek-dreams.com/ani/02/cm001.ani)}


更改後的就可以正常連結了


body{cursor:url(http://club.telepolis.com/lucy1987/ani/02/cm001.ani)}
a:hover {cursor:url(http://club.telepolis.com/lucy1987/ani/02/cm001.ani)}


引用:http://tw.blog.yahoo.com/post/post_html.php?tb_bn=jw!qZUdTTKeBRQ96YSnQrLppw--&tb_mid=8



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 林建良 的頭像
    林建良

    DIY玩化學

    林建良 發表在 痞客邦 留言(0) 人氣()