1、首先你需要到 www.macromedia.com 網(wǎng)站上去一個(gè)名為CenterLayers 2.3的插件(前得先在網(wǎng)站上注冊(cè)),大小為8KB。然后用Exention Manager將插件裝上。重新啟動(dòng)Dreamweaver使插件起作用,設(shè)定頁面中需要定位的層為Layerl,再新建一個(gè)透明層,設(shè)為Layer2并使其移至窗口中央,將代表Layerl的黃色標(biāo)簽選中后拖至Layer2中,調(diào)整好Layerl的位置。
2、選中l(wèi)ayer2,從“Window”菜單中點(diǎn)“Behaviors”打開“行為控制面板”,單擊“+”號(hào),可以看到Centerlayer 2.3命令已經(jīng)出現(xiàn)在打開的菜單中,單擊此命令,出現(xiàn)一對(duì)話框,在“Name Layers”中選中Layer2,下面的“Ccenter Horizontal”和“Center Vertical”選項(xiàng)表示可以使層定位在瀏覽器窗口的水平或垂直的中央的位置,若兩者都打上勾,則Layer2層就會(huì)處于窗口的正中央,我們?cè)谶@兒只需要水平位置上的定位,就選中“Center Horizontal”吧,再點(diǎn)“OK”完成JavaScript的創(chuàng)建。
3、接下來我們要進(jìn)行必要的調(diào)整,因?yàn)椤癇ehaviors”面板默認(rèn)的事件屬性是“onClick”,也就是說只有當(dāng)你預(yù)覽點(diǎn)擊Layer2時(shí)才會(huì)使層移至窗口中央,所以我們需要到源代碼中將層代碼中的onClick="BW-centerLayers 0"選中移至“”的中間,再將“onClick”改名為“onLoad”,即讓BW-centerLayers 0函數(shù)在頁面加載時(shí)即執(zhí)行,至此我們基本上完成了層Layerl的定位。
4、還有一點(diǎn),當(dāng)瀏覽器默認(rèn)打開值不是最大化而需要手工點(diǎn)“最大化”按鈕時(shí),Layer2層卻不能隨窗口的變化而作出調(diào)整,需要刷新一下才會(huì)移至窗口中央,怎么辦?別忘了我們還有“onResize”動(dòng)作,選中“onLoad=" BW_centerLayers 0"”復(fù)制并粘貼到此動(dòng)作后面。再將“onLoad”改名為“onResize”,這樣在頁面加載時(shí)會(huì)執(zhí)行兩個(gè)事件,即“onLoad”和“onResize”。OK!打開瀏覽器用不同的分辨率預(yù)覽一下吧。你會(huì)發(fā)現(xiàn)“層”已經(jīng)變得很聽話了。