您好,欢迎来到素彩网!

基础(19)Dreamweaver CS3 实现多分辨率层定位

来源:sc115.com | 170 次浏览 | 2011-07-29

标签: Dreamweaver cs3 基础Dreamweaver CS3 实现多分辨率层定位

1、首先你需要到 www.macromedia.com 网站上去下载一个名为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!打开浏览器用不同的分辨率预览一下吧。你会发现“层”已经变得很听话了。

搜索: Dreamweaver cs3 基础Dreamweaver CS3 实现多分辨率层定位 

最热-Dreamweaver CS3

基础(26)如何在Dreamweaver CS3中做自定义弹出窗口

基础(27)玩转Dreamweaver CS3中的层及应用

基础(28)在Dreamweaver CS3中实现不同分辨率下的层定位

基础(20)使用Dreamweaver CS3文件库功能快速更新网站

基础(29)深入了解Dreamweaver CS3中的内置Fireworks功能

基础(30)教您如何处理Deamweaver CS3中CSS应用无效的问题

基础(31)教您深入了解新的 Dreamweaver CS3 CSS 布局

基础(32)用Dreamweaver CS3打造下拉菜单

使用Dreamweaver管理Contribute站点

使用Dreamweaver清理Word的HTML文件

设置Dreamweaver站点文件FTP传输首选参数

Dreamweaver站点测试指南

使用Dreamweaver报告测试站点

素材
精美实用的提示框矢量图7精美实用的提示框矢量图7
精美实用的提示框矢量图6精美实用的提示框矢量图6
折纸网站设计矢量图5折纸网站设计矢量图5
精美实用的提示框05—矢量图精美实用的提示框05—矢量图
精美实用的提示框矢量图4精美实用的提示框矢量图4
折纸网站设计矢量图4折纸网站设计矢量图4
精美实用的提示框矢量图3精美实用的提示框矢量图3
精美实用的提示框矢量图2精美实用的提示框矢量图2
精美实用的提示框矢量图精美实用的提示框矢量图