用Dreamweaver MX創(chuàng)造網(wǎng)頁鼠標樣式_Dreamweaver教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
經(jīng)常在網(wǎng)上沖浪的朋友是否曾注重到有些網(wǎng)站的鼠標不是規(guī)則的斜向上箭頭的外形，而是"十"字形，或者是向左的箭頭，或者是個問號等等。當你想在網(wǎng)頁的不同位置讓鼠標顯示不同外形，以體現(xiàn)不同的功能區(qū)；當你想讓你的網(wǎng)站體現(xiàn)與眾不同的風格時，考慮一下在鼠標樣式上下功夫吧。其實鼠標樣式的用途還是極為廣泛的，那么怎樣才能實現(xiàn)鼠標的不同樣式呢？
啟動Dreamweaver，打開你要應用鼠標樣式的網(wǎng)頁，在主窗口中選擇Text下拉菜單，再選擇CSS Style子菜單中的New Style命令新建樣式表。（注：假如你的網(wǎng)頁中已經(jīng)存在樣式表，可以選擇CSS Styles Edit Style Sheet編輯樣式表。）
此時彈出New Style對話框。其中Type項有三個單選按鈕：Make Custom Style、Redefine HTML Tag、Use CSS Selector。其中Make Custom Style 是自定義樣式，樣式名以圓點開頭；Use CSS Selector是使用CSS選擇器，里邊包含四個超鏈接樣式a:active/a:hover/a:link/a:visited；Redefine HTML Tag是定義HTML系統(tǒng)標簽的樣式，如a\body\br等等。假設我們只對該頁面的超鏈接設置鼠標樣式，這里選擇Redefine HTML Tag選項中的a標簽。下面的Define項選擇This Document Only。單擊OK按鈕。
彈出Style definition for 對話框，進入超鏈接樣式設置。左邊的Category是樣式類別，這里對其它項不作解釋，我們選擇Extentions項。可以看到右邊Visual Effect中的Cursor項，這就是設置鼠標樣式的要害項。單擊右邊的下拉菜單，選擇你所需要的鼠標樣式，單擊OK按鈕就可以了。
下面講一下各樣式的大致含義。
hand：是大家所熟悉的手型。
crosshair：是十字型，就是小烏龜首頁所用的樣式。
text：是平時鼠標移動到文本上的樣式。
wait：是等待的效果。
default：是默認的那種效果。
help：是帶問號的鼠標樣式。
e-resize：是向右的箭頭。
ne-resize：是向右上方的箭頭。
n-resize：是向上的箭頭。
nw-resize：是向左上方的箭頭。
w-resize：是向左的箭關。
sw-resize：是向左下的箭頭。
s-resize：是向下的箭頭。
se-resize：是向右下方的箭頭。
auto：是系統(tǒng)自動的效果。
當然根據(jù)需要你也可以將樣式應用于其它標簽，或者單純的只應用于某一段文本。假如讀者對CSS代碼不生疏的話，或許直接手寫代碼更方便。非凡是，假如你想在不同的位置運用不同的鼠標樣式，或者不同的標簽使用不同的鼠標樣式。直接將樣式寫在某個具體的標簽里邊就可以了。
方法是：<tag style="cursor:mouse_style">。其中tag是標簽名，mouse_style就是鼠標樣式，如hand/crosshair/text/wait等等。
下面舉個具體的實例以加深大家對鼠標樣式設置的理解。
<span style="cursor:hand"> hand：是大家所熟悉的手型。</span><br>
<span style="cursor:crosshair">crosshair：是十字型，就是小烏龜首頁所用的樣式。</span><br>
<span style="cursor:text">text：是平時鼠標移動到文本上的樣式。</span><br>
<span style="cursor:wait">wait：是等待的效果。</span><br>
<span style="cursor:default">default：是默認的那種效果。</span> <br>
<span style="cursor:help">help：是帶問號的鼠標樣式。</span><br>
<span
啟動Dreamweaver，打開你要應用鼠標樣式的網(wǎng)頁，在主窗口中選擇Text下拉菜單，再選擇CSS Style子菜單中的New Style命令新建樣式表。（注：假如你的網(wǎng)頁中已經(jīng)存在樣式表，可以選擇CSS Styles Edit Style Sheet編輯樣式表。）
此時彈出New Style對話框。其中Type項有三個單選按鈕：Make Custom Style、Redefine HTML Tag、Use CSS Selector。其中Make Custom Style 是自定義樣式，樣式名以圓點開頭；Use CSS Selector是使用CSS選擇器，里邊包含四個超鏈接樣式a:active/a:hover/a:link/a:visited；Redefine HTML Tag是定義HTML系統(tǒng)標簽的樣式，如a\body\br等等。假設我們只對該頁面的超鏈接設置鼠標樣式，這里選擇Redefine HTML Tag選項中的a標簽。下面的Define項選擇This Document Only。單擊OK按鈕。
彈出Style definition for 對話框，進入超鏈接樣式設置。左邊的Category是樣式類別，這里對其它項不作解釋，我們選擇Extentions項。可以看到右邊Visual Effect中的Cursor項，這就是設置鼠標樣式的要害項。單擊右邊的下拉菜單，選擇你所需要的鼠標樣式，單擊OK按鈕就可以了。
下面講一下各樣式的大致含義。
hand：是大家所熟悉的手型。
crosshair：是十字型，就是小烏龜首頁所用的樣式。
text：是平時鼠標移動到文本上的樣式。
wait：是等待的效果。
default：是默認的那種效果。
help：是帶問號的鼠標樣式。
e-resize：是向右的箭頭。
ne-resize：是向右上方的箭頭。
n-resize：是向上的箭頭。
nw-resize：是向左上方的箭頭。
w-resize：是向左的箭關。
sw-resize：是向左下的箭頭。
s-resize：是向下的箭頭。
se-resize：是向右下方的箭頭。
auto：是系統(tǒng)自動的效果。
當然根據(jù)需要你也可以將樣式應用于其它標簽，或者單純的只應用于某一段文本。假如讀者對CSS代碼不生疏的話，或許直接手寫代碼更方便。非凡是，假如你想在不同的位置運用不同的鼠標樣式，或者不同的標簽使用不同的鼠標樣式。直接將樣式寫在某個具體的標簽里邊就可以了。
方法是：<tag style="cursor:mouse_style">。其中tag是標簽名，mouse_style就是鼠標樣式，如hand/crosshair/text/wait等等。
下面舉個具體的實例以加深大家對鼠標樣式設置的理解。
<span style="cursor:hand"> hand：是大家所熟悉的手型。</span><br>
<span style="cursor:crosshair">crosshair：是十字型，就是小烏龜首頁所用的樣式。</span><br>
<span style="cursor:text">text：是平時鼠標移動到文本上的樣式。</span><br>
<span style="cursor:wait">wait：是等待的效果。</span><br>
<span style="cursor:default">default：是默認的那種效果。</span> <br>
<span style="cursor:help">help：是帶問號的鼠標樣式。</span><br>
<span
相關Dreamweaver教程：
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧：運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
- 相關鏈接：
- 教程說明：
Dreamweaver教程-用Dreamweaver MX創(chuàng)造網(wǎng)頁鼠標樣式
。