wutenan 's blog

(☆)部落格 ___自訂滑鼠游標教學   （一）動畫滑鼠游標 首先，先要有自己要的滑鼠游標網址，切記，要是滑鼠游標檔案的網址才行喔！ 游標提供網站： １＿http://home.kimo.com.tw/a815182/ani/1_index.htm （↑從上面那個網站選擇選擇一個自己喜歡的滑鼠游標，將編號套入以下網址： 　http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani 　例如：你喜歡0208，那你的游標網址就是： 　http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000208.ani   ） ２＿http://www.wretch.cc/blog/tina501342 （↑這個無名裡有提供滑鼠游標的文章，請自行尋找，找到文章後，選一個自己喜歡的， 　到「按此下載」那邊按右鍵→內容→複製滑鼠游標網址，記得回應人家的文章喔！這是禮貌！ 等你有滑鼠游標網址時，就到你的部落格→管理部落格→面板設定→自訂樣式， 找到下面這個　/*Background*/　的部份，通常都會在比較上面的地方。 CSS語法解釋: /*Background*/ body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);} CSS語法: (上面說"從這邊加上以下語法"的那個地方，加上以下語法，就是從 " ; " 那邊開始) CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);} （二）簡單滑鼠游標 指令表： 十字型  crosshair 十字箭頭型  move 問號型 help  1字箭頭型 n-resize 小1字箭頭型 s-resize 一字箭頭型e-resize 小一字箭頭型 w-resize 左斜箭頭型 nw-resize 右斜箭頭型 ne-resize CSS語法解釋: /*Background*/ body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);} CSS語法:(上面說"從這邊加上以下語法"的那個地方，加上以下語法，就是從 " ; " 那邊開始) CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);} 或是直接拉到最下方,,貼上下面這段語法吧! body{cursor:url(滑鼠游標網址)} a:hover {滑鼠游標網址)} 這樣也是OK的唷!   **補充應網友要求  簡單化** 按照以下的步驟 一步步練習做做看 1. 到    http://home.kimo.com.tw/a815182/ani/1_index.htm    進去選妳要的 游標圖案 2.用筆記下妳選的游標編號 部落格 ___自訂滑鼠游標教學　   ＊自訂滑鼠游標（更改滑鼠游標）＊ 3.把下面藍色字體全選並copy .把下面藍色字體全選並復製貼在→自訂樣式第一排  /*Background*/ body{background:#FF0066 url ←從這裡貼上↓ (http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http: //www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani);}A: hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000 編號ani);}             貼完跟下面一樣↓        /*Background*/ body{background:#FF0066 url(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani);}A:hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號ani);}                       然後到這裡選擇您要的圖案 ＿http://home.kimo.com.tw/a815182/ani/1_index.htm 回到自訂樣式把數字編號（共四碼貼上↓        /*Background*/ body{background:#FF0066 url(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000050.ani);}A:hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000050.ani);}       4.→管理部落格→面板設定→自訂樣式      找到並把   /*Background*/ 這個部份連以下的段落 換成剛才copy上面的部份 5.將編號換成妳剛才記下來的號碼（共四碼） 好了．．．．．按確定　　就大功告成 再加油　試試看   CSS語法： body{cursor:url("游標圖片檔網址1")} 移到網頁時的滑鼠游標 a:hover {cursor:url("游標檔圖片檔網址2")} 移到超連結時的滑鼠游標 ※直接拿網址貼在語法即可 方法如下：在 ' 請 按 此 下 載 ' 按 左 鍵 → 內 容 →網址→複製下來即可貼在語法上  注意:看過來 看過來 記得 貼滑鼠游標語法的時候 『移到網頁時的滑鼠游標』和 『移到超連結時的滑鼠游標』不用貼到CSS語法裡面 你只要貼: body{cursor:url("游標圖片檔網址1")} a:hover {cursor:url("游標檔圖片檔網址2")}  請看阿泰範例:1.管理部落格→2.面板設定→3.自定樣式→ 把下面ㄉ語法複製貼在CSS語法最下面 就會跟我的雙滑鼠游標一樣喔!  ↓   body{cursor:move} a:hover{cursor:help} body{cursor:URL(http://homelf.kimo.com.tw/zz14723/cursor34.ani);} a:hover{cursor:URL(http://homelf.kimo.com.tw/zz14723/cursor27.ani);}