第四步 接著參照第三步為剛才的層添加“Hide”事件，并且將行為設(shè)置為“OnMouseOut”，這樣鼠標(biāo)拿開(kāi)時(shí)就可以隱藏該層了。
完成上述操作之后，按下“F12”按鈕即可打開(kāi)IE瀏覽器進(jìn)行預(yù)覽，當(dāng)鼠標(biāo)移動(dòng)到這個(gè)圖片上的時(shí)候會(huì)出現(xiàn)預(yù)先設(shè)置好的提示字樣，而鼠標(biāo)移開(kāi)圖片時(shí)字樣自動(dòng)隱藏。
自動(dòng)調(diào)整窗口大小
有些網(wǎng)頁(yè)在改變窗口大小的時(shí)候也會(huì)隨之調(diào)整網(wǎng)頁(yè)頁(yè)面大小，因此窗口過(guò)大就不會(huì)有空白處，窗口過(guò)小邊緣就不會(huì)跑出移動(dòng)條，對(duì)于這種自動(dòng)調(diào)整頁(yè)面大小的功能，在Dreamweaver MX 2004中可以參照下述步驟來(lái)很容易的實(shí)現(xiàn)。
第一步 新建一個(gè)頁(yè)面，然后通過(guò)“Insert→Table”命令插入一個(gè)一行三列的表格，此時(shí)可以先不管它的寬度，而是通過(guò)下述設(shè)置讓它自動(dòng)伸展適合瀏覽器窗口。
第二步 這時(shí)可以看見(jiàn)每個(gè)單元格下部都標(biāo)明了寬度且有一個(gè)小三角形（如圖3）。在這個(gè)表格中，可以設(shè)定哪部分是需要固定的，不過(guò)只能讓一列自動(dòng)伸展，比如此處我們?cè)O(shè)定最后一列隨著窗口大小的變化自動(dòng)伸展。
第三步 選中最后一列，運(yùn)行“View→Table Mode→Layout Mode”命令，并且在彈出的菜單中選擇“Make Column Autostrach”一項(xiàng)（如圖4）。
第四步 接著將出現(xiàn)對(duì)話框，并且會(huì)提示為了能夠使行伸展，Dreamweaver需要放置一些間隔圖片在其它列中，在此選擇“Create a spacer image file”一項(xiàng)，這樣圖片在瀏覽器窗口不會(huì)顯示出來(lái)，而是起著固定表格的作用。
第五步 確認(rèn)之后返回原先的編輯窗口，可以看見(jiàn)最后一列已經(jīng)自動(dòng)伸展填充了整個(gè)瀏覽器窗口，而另外兩列則保持著固定的寬度。
提示：設(shè)定自動(dòng)伸展的列可以在列上端看見(jiàn)一個(gè)波浪線。
完成上述操作之后，在IE瀏覽器中預(yù)覽頁(yè)面效果的時(shí)候，如果改變窗口的大小，則最后一列的寬度也會(huì)隨之變化，而前兩列的寬度維持不變，這樣就可以實(shí)現(xiàn)自動(dòng)調(diào)整窗口大小了。
上文介紹的僅僅是Dreamweaver MX 2004中行為功能的一些方法，靈活地把行為和圖層結(jié)合運(yùn)用還可以實(shí)現(xiàn)諸如動(dòng)態(tài)圖片、可拖拽的圖層等等功能，讓你的主頁(yè)看起來(lái)更加豐富多彩！
