果洛皆料电子有限公司

用Dreamweaver實(shí)現(xiàn)不同分辨率下的層定位

  • 發(fā)布于:2020-07-28
  • 275 人圍觀

1.首先你需要到www.macromedia.com網(wǎng)站上去下載一個(gè)名為CenterLayers 2.3的插件(下載前得先在網(wǎng)站上注冊),大小為8K。然后用Exention manager將插件裝上(不要告訴我你用的是Frontpage喲)。重新啟動(dòng)DW使插件起作用,設(shè)定頁面中需要定位的層為Layer1,再新建一個(gè)透明層,設(shè)為Layer2并使其移至窗口中央,將代表layer1的黃色標(biāo)簽選中后拖至Layer2中,調(diào)整好layer1的位置。

2.選中l(wèi)ayer2,從Window菜單中點(diǎn)Behaviors打開“行為控制面板”,單擊“+”號(hào),可以看到centerlayer 2.3命令已經(jīng)出現(xiàn)在打開的菜單中,單擊此命令,出現(xiàn)一對(duì)話框,在name layers中選中l(wèi)ayer2,下面的center horizontal和center vertical選項(xiàng)表示可以使層定位在瀏覽器窗口的水平和垂直的中央的位置,若兩者都打上鉤,則layer2層就會(huì)處于窗口的正中央,我們在這兒只需要水平位置上的定位,就選中center horizontal吧,再點(diǎn)OK完成Javascript的創(chuàng)建。

3.你是否有些暈?呵呵,馬上就好了,要有些耐心。接下來我們要進(jìn)行必要的調(diào)整,因?yàn)锽ehaviors面板默認(rèn)的事件屬性是onclick,也就是說此時(shí)只有當(dāng)你預(yù)覽時(shí)點(diǎn)擊layer2才會(huì)使層移至窗口中央,所以我們需要到源代碼中將層代碼<div>中的onClick=“BW_centerLayers()”選中移至“<body”和“>”代碼的中間,再將onclick改名為onload,即讓BW_centerLayers()函數(shù)在頁面加載時(shí)即執(zhí)行,至此我們基本上完成了層layer1的定位。

4.還有一點(diǎn),當(dāng)瀏覽器默認(rèn)打開值不是最大化而需要手工點(diǎn)“最大化”按鈕時(shí),Layer2層卻不能隨窗口的變化而作出調(diào)整,需要刷新一下才會(huì)移至窗口中央,怎么辦?別忘了我們還有onResize動(dòng)作,在<body>中選中onload=“BW_centerLayers()”后復(fù)制并粘貼在此動(dòng)作后面(記住要空一格)。再將onload改名為onResize,這樣在頁面加載時(shí)會(huì)執(zhí)行兩個(gè)事件,即onLoad和onResize。OK!打開瀏覽器用不同的分辨率預(yù)覽一下吧。你會(huì)發(fā)現(xiàn)“層”已經(jīng)變得很聽話了。

萬企互聯(lián)
標(biāo)簽: