網路城邦
上一篇 回創作列表 下一篇  字體:
修改滑鼠游標游標
2007/02/20 22:04:59瀏覽6014|回應0|推薦8

改變電腦滑鼠指標(圖上動畫所示) 一此類推=3=

*   *   *   *   *   *   *   *

 [使用微軟預設的滑鼠游標]

*   *   *   *   *   *   *   *

body{cursor:hand;} a:hover{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(漏斗)

*   *   *   *   *   *   *   *

更改滑鼠游標方法

*   *   *   *   *   *   *   *

 [使用圖片式的滑鼠游標]

 body{cursor:url("游標圖片檔網址")} /*移到網頁時的滑鼠游標*/

a:hover {cursor:url("游標檔圖片檔網址")} /*移到超連結時的滑鼠游標*/

             ☆〃同時加入在body跟a:hover即可呈現變化。

*   *   *   *   *   *   *   *

注意:

*   *   *   *   *   *   *   *

☆〃CSS的游標得用cur檔(靜態游標)、ani檔(動態游標)

   或ico檔,不支援gif、bmp、jpg檔案。

☆〃cursor游標檔可使用Microangelo或IconForge這些

  軟體製作。這個網站也有很多免費的圖檔: http://www.iconarchive.com/

來源:CSS語法教學教室http://www.wretch.cc/blog/Keigo

( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=iftcat4ever&aid=759958