DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 用Dreamweaver輕松實現不同分辨率下的層定位
用Dreamweaver輕松實現不同分辨率下的層定位
編輯:Dreamweaver相關     

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

2.選中layer2,從Window菜單中點Behaviors打開“行為控制面板”,單擊“+”號,可以看到centerlayer 2.3命令已經出現在打開的菜單中,單擊此命令,出現一對話框,在name layers中選中layer2,下面的center horizontal和center vertical選項表示可以使層定位在浏覽器窗口的水平和垂直的中央的位置,若兩者都打上鉤,則layer2層就會處於窗口的正中央,我們在這兒只需要水平位置上的定位,就選中center horizontal吧,再點OK完成javascript的創建。

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

4.還有一點,當浏覽器默認打開值不是最大化而需要手工點“最大化”按鈕時,Layer2層卻不能隨窗口的變化而作出調整,需要刷新一下才會移至窗口中央,怎麼辦?別忘了我們還有onResize動作,在<body>中選中onload=“BW_centerLayers()”後復制並粘貼在此動作後面(記住要空一格)。再將onload改名為onResize,這樣在頁面加載時會執行兩個事件,即onLoad和onResize。OK!打開浏覽器用不同的分辨率預覽一下吧。你會發現“層”已經變得很聽話了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved