用Dreamweaver輕鬆實現個人化滑鼠指標

dreamweaver|滑鼠|滑鼠指標

　　在瀏覽網路的時候，大家經常可以發現某個網站中的滑鼠非常有特色，有的甚至還是一個動畫。在 Dreamweaver MX 2004 中可以非常容易地實現這些效果。

　　效果說明：當滑鼠移動到網站頁面中時，箭頭形狀的滑鼠將變成一個小圖片。

 　　創作思想：在網頁中添加一個 body 標籤的 CSS 樣式，在【 body 的 CSS 樣式定義】對話方塊裡的擴充選項中定義新的游標。

　　操作步驟

　　（ 1 ）使用【建立】命令插入 body 標籤 CSS 樣式，如圖 1、2所示。

　　（ 2 ）在擴充選項中的【游標】一項中輸入“ url(webjx.ani) ”，然後單擊確定按鈕，如圖 3 所示。

　　注意：在這裡“ webjx.ani ”是游標檔案的名稱，並且游標檔案“ webjx.ani ”需要與網頁檔案放在同一個目錄下。

　　小技巧：在製作時如果網頁是空白的話，那麼讀者會發現只有將滑鼠游標移動到地址欄下方一點的範圍內才能夠看到效果。為了能夠在更大範圍內看到效果，大家可以在製作時輸入其他內容或者連續按【 Enter 】鍵輸入空段落，保證頁面中有足夠多的內容，可以方便觀察效果。

　　（ 3 ）單擊功能表列中的【檔案】｜【儲存】命令儲存網頁檔案，然後在瀏覽器中開啟該網頁，將滑鼠游標移上去，此時即可看到滑鼠變成一個小圖片了。

　　至此，本執行個體操作完畢。本執行個體通過 CSS 來實現生動有趣的滑鼠效果，通過 CSS 不僅能提高工作效率，還可以實現很多令人眩目的精彩效果，作為一個優秀的網頁設計師，必須要熟練掌握 CSS 的運用。

　　點擊這裡下ani檔案