DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> Dreamweaver CS3 實現多分辨率層定位
Dreamweaver CS3 實現多分辨率層定位
編輯:Dreamweaver入門     

1、首先你需要到 網站上去下載一個名為CenterLayers 2.3的插件(下載前得先在網站上注冊),大小為8KB(你也可以通過我們網站的留言本索要該插件!)。然後用Exention Manager將插件裝上。重新啟動Dreamweaver CS3使插件起作用,設定頁面中需要定位的層為Layerl,再新建一個透明層,設為Layer2並使其移至窗口中心,將代表Layerl的黃色標簽選中後拖至Layer2中,調整好Layerl的位置。

2、選中layer2,從“Window”菜單中點“Behaviors”打開“行為控制面板”,單擊“+”號,可以看到Centerlayer 2.3命令已經出現在打開的菜單中,單擊此命令,出現一對話框,在“Name Layers”中選中Layer2,下面的“Ccenter Horizontal”和“Center Vertical”選項表示可以使層定位在浏覽器窗口的水平或垂直的中心的位置,若兩者都打上勾,則Layer2層就會處於窗口的正中心,我們在這兒只需要水平位置上的定位,就選中“Center Horizontal”吧,再點“OK”完成JavaScript的創建。

3、接下來我們要進行必要的調整,因為“Behaviors”面板默認的事件屬性是“onClick”,也就是說只有當你預覽點擊Layer2時才會使層移至窗口中心,所以我們需要到源代碼中將層代碼中的onClick="BW-centerLayers 0"選中移至“”的中間,再將“onClick”改名為“onLoad”,即讓BW-centerLayers 0函數在頁面加載時即執行,至此我們基本上完成了層Layerl的定位。

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

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