在瀏覽網(wǎng)絡(luò)的時候，讀者經(jīng)�？梢园l(fā)現(xiàn)某個網(wǎng)站中的鼠標非常有特色，有的甚至還是一個動畫。在 Dreamweaver MX 2004 中可以非常輕易地實現(xiàn)這些效果。 　

　　效果說明　當鼠標移動到網(wǎng)站頁面中時，箭頭外形的鼠標將變成一個不斷走動的恐龍動畫鼠標，如圖 31-1 所示。

　　創(chuàng)作思想　在網(wǎng)頁中添加一個 body 標簽的 CSS 樣式，在【 body 的 CSS 樣式定義】對話框里的擴展選項中定義新的光標。 　

　　操作步驟 　

　�。� 1 ）使用【新建】命令插入 body 標簽 CSS 樣式，如圖 31-2 所示。

（ 2 ）在擴展選項中的【光標】一項中輸入“ url(dinosaur.ani) ”，然后單擊確定按鈕，如圖 31-3 所示。

　

　　注重：在這里“ dinosaur.ani ”是動畫光標文件的名稱，并且光標文件“ dinosaur.ani ”需要與網(wǎng)頁文件放在同一個目錄下。 　

　　小技巧：在制作時假如網(wǎng)頁是空白的話，那么讀者會發(fā)現(xiàn)只有將鼠標光標移動到地址欄下方一點的范圍內(nèi)才能夠看到效果。為了能夠在更大范圍內(nèi)看到效果，讀者可以在制作時輸入其他內(nèi)容或者連續(xù)按【 Enter 】鍵輸入空段落，保證頁面中有足夠多的內(nèi)容，可以方便觀察效果。 　

　�。� 3 ）單擊菜單欄中的【文件】｜【保存】命令保存網(wǎng)頁文件，然后在瀏覽器中打開該網(wǎng)頁，將鼠標光標移上去，此時即可看到鼠標變成一只向前走的恐龍。 　

　　至此，本實例操作完畢。本實例通過 CSS 來實現(xiàn)生動有趣的鼠標效果，通過 CSS 不僅能提高工作效率，還可以實現(xiàn)很多令人眩目的出色效果，作為一個優(yōu)秀的網(wǎng)頁設(shè)計師，必須要熟練把握 CSS 的運用。