新浪首页免费邮件用户注册网站地图
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
Dreamweaver实现多分辨率层定位

http://www.sina.com.cn 2001/09/24 14:08 中国电脑教育报

  文/池天宇

  1、首先你需要到www.macromedia.com网站上去下载一个名为CenterLayers 2.3的插件(下载前得先在网站上注册^_^),大小为8KB。然后用Exention Manager将插件装上。重新启动Dreamweaver使插件起作用,设定页面中需要定位的层为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 一学就会
用DreamWeaver定制网站的颜色 (2001/09/14 17:51)
用Dreamweaver制作拖拽效果 (2001/09/11 17:55)
用Dreamweaver批量制作网页 (2001/08/31 16:09)
Dreamweaver 4中插件的使用 (2001/07/30 13:02)
用Dreamweaver进行网页优化 (2001/07/24 17:30)
用Dreamweaver巧改网页链接提示 (2001/07/19 13:25)
用Dreamweaver巧改网页链接提示 (2001/07/19 11:41)
巧用Dreamweaver4文件库更新网站 (2001/07/16 14:21)
Dreamweaver 4的站点管理 (2001/06/27 11:25)
Dreamweaver使用疑难解答七则 (2001/06/07 15:55)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3361   欢迎批评指正

网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2001 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网