字體:小 中 大 | |
|
|
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 |
|
( 休閒生活|網路生活 ) |