第三步驟選擇影像之後,透過「Windows→Behaviors」指令啟動行為面板,點選「+」按鈕並選擇「Show-Hide Layers」一項。在彈出的視窗中選取需要顯示的層,接著點擊下部的「Show」按鈕,這樣確認之後就可以在行為面板中多出了一個名為onMouseOver的事件。此時點擊「+」按鈕並擊選擇「OnMouseOver」一項,這樣當滑鼠放在圖像上就可以顯示該層,也就是可以出現浮動的文字解釋了。
第四步接著參考第三步為剛才的層添加“Hide”事件,並且將行為設置為“OnMouseOut”,這樣滑鼠拿開時就可以隱藏該層了。
完成上述操作之後,按下「F12」按鈕即可開啟IE瀏覽器進行預覽,當滑鼠移到這個圖片上的時候會出現預先設定好的提示字樣,而滑鼠移開圖片時字樣會自動隱藏。
自動調整視窗大小有些網頁在改變視窗大小的時候也會隨之調整網頁頁面大小,因此視窗過大就不會有空白處,視窗過小邊緣就不會跑出移動條,對於這種自動調整頁面大小的功能,在Dreamweaver MX 2004可以參考下述步驟來很容易的實現。
第一步新建一個頁面,然後透過「Insert→Table」指令插入一行三列的表格,此時可以先不管它的寬度,而是透過下述設定讓它自動伸展適合瀏覽器視窗。
第二步這時可以看見每個單元格下部都標示了寬度且有一個小三角形(如圖3)。在這個表格中,可以設定哪一部分是需要固定的,不過只能讓一列自動伸展,例如這裡我們設定最後一列隨著視窗大小的變化自動伸展。
圖03第三步驟選取最後一列,執行「View→Table Mode→Layout Mode」指令,並在彈出的選單中選擇「Make Column Autostrach」一項(如圖4)。
圖04第四步接著將出現對話框,並且會提示為了能夠使行伸展,Dreamweaver需要放置一些間隔圖片在其它列中,在此選擇“Create a spacer image file”一項,這樣圖片在瀏覽器窗口不會顯示出來,而是扮演固定表格的角色。
第五步確認之後返回原先的編輯窗口,可以看見最後一列已經自動伸展填充了整個瀏覽器窗口,而另外兩列則保持著固定的寬度。
提示:設定自動伸展的列可以在列上端看見一條波浪線。
完成上述操作之後,在IE瀏覽器中預覽頁面效果的時候,如果改變視窗的大小,則最後一列的寬度也會隨之變化,而前兩列的寬度維持不變,這樣就可以實現自動調整窗口大小了。
上文介紹的只是Dreamweaver MX 2004中行為功能的一些方法,靈活地把行為和圖層結合運用還可以實現諸如動態圖片、可拖曳的圖層等等功能,讓你的主頁看起來更加豐富多彩!