很多人認(rèn)為在網(wǎng)頁文本上應(yīng)用特殊效果是作不出太多文章的，故很少涉足，但是如果你仔細(xì)研究一下Dreamweaver MX的Behaviors功能，就會發(fā)現(xiàn)用Dreamweaver MX其實也可以制作出不少很好的動態(tài)文本特效，比如：文字大小變換、動態(tài)文本按鈕等等。下面我們就結(jié)合一個例子談?wù)劸W(wǎng)頁中的文本特效。

這個實例效果是：當(dāng)鼠標(biāo)移動到網(wǎng)頁中按鈕上時，實現(xiàn)按鈕導(dǎo)航文本變大，同時按鈕顏色進(jìn)行變換，而移開時恢復(fù)初始狀態(tài)。

Step1：執(zhí)行菜單“Insert/Table”命令，在編輯區(qū)中插入一個一行一列的表格。

Step2：選中該表格，使用快捷鍵Ctrl+F3打開其屬性控制面板，設(shè)置表格背景色彩“Bg Color”參數(shù)值為#0099FF，表格邊線色彩“BrDr Color”參數(shù)值為#000000（圖1）。

圖1 設(shè)置表格的顏色

Step3：選中單元格，設(shè)置單元格屬性面板中背景色彩“Bg”參數(shù)值為#006699，單元格邊線色彩“BrDr”參數(shù)值為#FFFFFF。通過以上設(shè)置，使表格更具有立體感。

Step4：單擊工具欄“Show Design View”按鈕，顯示代碼窗口，在表格開始和結(jié)束段加代碼“〈div id="bottun"〉... 〈/div〉”使表格產(chǎn)生一個Div標(biāo)記名稱（圖2）。

Step5：在單元格中輸入按鈕導(dǎo)航文本，并設(shè)置文本屬性，這里可以把導(dǎo)航文
本做成超級鏈接，并設(shè)置其字體、字號和居中效果。

圖2 為表格加入代碼

Step6：同樣道理在導(dǎo)航文本開始和結(jié)束段加上這樣的代碼“〈span id="text" 〉...〈 /span 〉”，使該文本產(chǎn)生一個Span標(biāo)記名稱。

Step7：按快捷鍵Shift+F3打開Behaviors行為面板，點擊面板上“+”按鈕，在彈出行為列表中選擇“Change Property”動作，這里我們設(shè)置幾個當(dāng)鼠標(biāo)移動和離開按鈕文本上時，文本和背景顏色發(fā)生變化的動作。選擇“Change Property”動作對話框中的“Div”動作類型（Type of Object），在類型名稱（Named Object）下拉列表中會列出我們標(biāo)記的“bottun”標(biāo)記，選擇它并設(shè)置Property下拉列表中的“style-backgroundcolor”的New Value值為#6699CC，確認(rèn)返回Behaviors面板，最后更改動作觸發(fā)事件類型為Onmouseover。同樣方法再設(shè)置當(dāng)鼠標(biāo)離開時，將背景顏色改為初始顏色，即##006699。

同理，我們也是應(yīng)用這個動作，只要設(shè)置了文本“Change Property”的動作（這個動作類型“Span”），控制鼠標(biāo)移動和離開時的文字大小變換就可以了。

這樣動態(tài)文本按鈕就制作成功了，當(dāng)然這個效果還可以再加工，如果你點擊選取了該按鈕，再進(jìn)行一次按鈕色彩的變換表示已經(jīng)選中，那么這個動態(tài)按鈕的效果就更完美了！