巧用Dreamweaver改變鼠標(biāo)樣式
來(lái)源:網(wǎng)頁(yè)帝國(guó):[電腦報(bào)]在一般情況下,網(wǎng)頁(yè)中的鼠標(biāo)都是以箭頭形式出現(xiàn)的,你有沒(méi)有想過(guò)換種別的樣式試試呢?比如說(shuō)十字箭頭、沙漏形狀、帶問(wèn)號(hào)的箭頭等等。下面我們來(lái)利用Dreamweaver強(qiáng)大的CSS編輯功能來(lái)達(dá)到改變鼠標(biāo)形狀的目的。步驟1 打開(kāi)Dreamweaver4,選擇“Text(文字)→CSS Style(CSS樣式表)→Edit style sheet”,在彈出的對(duì)話框上按“New”按鈕,在彈出的“New Style”對(duì)話框中選擇“Make Custom Style (class)”,“Name”(名字)輸入“.shubiao”(這個(gè)可以隨意輸入,但要注意前面的小點(diǎn)不要漏了),按OK,彈出了“Style Definition for .cursor1”對(duì)話框。步驟2在該對(duì)話框左邊的選擇窗口中選擇“Extensions”,我們只要在右邊的“Cursor”選擇項(xiàng)中選擇自己想要的樣式即可。我們以十字形為例,這里要選擇“crosshair”,按OK確定后CSS做好了(見(jiàn)圖)。只要選擇好表格、圖像或者是文字,點(diǎn)CSS面板上的“.shubiao”可以了。按F12預(yù)覽看看,怎么樣?效果還不錯(cuò)吧!對(duì)于不使用Dreamweaver的朋友,可以直接在與之間插入下面的代碼:如果想獲得其他的樣式,可以在“Cursor”選擇項(xiàng)中選擇別的選項(xiàng),下面列出了各個(gè)選項(xiàng)的含義,以方便大家按需選擇。crosshair:定位"+"字形default:默認(rèn)指針hand:手形move:移動(dòng)e-resize:箭頭朝右方ne-resize:箭頭朝右上方nw-resize:箭頭朝左上方n-resize:箭頭朝上方se-resize:箭頭朝右下方sw-resize:箭頭朝左下方s-resize:箭頭朝下方w-resize:箭頭朝左方text:文本"I"形wait:等待help:幫助