注册通行证 用户名 密码
  • 文章投稿
  • 博客
  • 论坛
  • 设为首页
  • 加入收藏
jztop.com网络技术
  • 首页
  • | iT新闻
  • | 操作系统
  • | 组网建网
  • | 网络安全
  • | 程序开发
  • | 办公一族
  • | 工具软件
  • | 网页制作
  • | 多媒体制作
  • | 网吧技术
  • | 服务器
  • | 专题教程
Vista | 软件评测 | 系统备份 | 优化 | 进程 | 聊天 | 病毒 | Linux | 黑客 | 防火墙 | 数据库 | Web开发 | Java | Word | 游戏 | 32位开发 | 移动开发
当前位置:首页 > 网页制作 > Dreamweaver制作 内容正文:用Dreamweaver实现不同分辨率下的层定位

用Dreamweaver实现不同分辨率下的层定位

发布时间:2006-03-11 17:59:42 来源:友佳学院 网友评论 0 条

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!打开浏览器用不同的分辨率预览一下吧。你会发现“层”已经变得很听话了。

相关文章
  • Dreamweaver中加入竖直线的办法
  • Dreamweaver MX 2004一句话技巧
  • Dreamweaver经典问题大搜罗(全集)
  • Dreamweaver未必了解的5个小技巧
  • 正确理解图像分辨率 实现完美扫描打印
【评论】【收藏本文】【打印】【关闭】
上一篇文章:手把手教你网页布局的基本元素
下一篇文章:Dreamweaver经典问题大搜罗(全集)
讨论区
查看
已有 0 位对此新闻感兴趣的网友发表了看法
匿名发表
注册通行证 登陆
图文阅读推荐
Dreamweaver扩展(插件)的开发
Dreamweaver扩展(插件)的开发
Dreamweaver中CSS样式表的应用实例
Dreamweaver中CSS样式表的应用实例
推荐阅讯
  • Dreamweaver 入门:发布你的站点
  • 用Dreamweaver自带的行为制作弹出菜单
  • Dreamweaver MX建站攻略:创建样式表
  • Dreamweaver MX 2004从零开始之七
  • 玩转 Dreamweaver8.0:速记 CSS 属性
  • Dreamweaver构建Blog(9):站点统计
  • Dreamweaver经典问题大搜罗(全集)
  • Dreamweaver教程:层及其应用
  • 修改注册表解决Dreamweaver乱码问题
  • Dreamweaver中利用MXP插件插入VRML作品
阅读排行
  • 1.Dreamweaver中CSS样式表的应用实例
  • 2.菜鸟学用DreamWeaver做ASP
  • 3.Dreamweaver经典问题大搜罗(全集)
  • 4.情人节打造爱的纪念页
  • 5.用Dreamweaver插入网页背景音乐的方法
  • 6.Dreamweaver超级技巧(下)
  • 7.Dreamweaver扩展(插件)的开发
  • 8.自建Blog网站完全图解
  • 9.Dreamweaver制作网页之图片应用技巧
  • 10.Dreamweaver 入门:使用CSS设置页面格式
专题教程
  • 大话G游 专题:手机病毒揭密
  • ARP攻击防范与解决方案 路由故障处理手册
  • Picasa中文版_Picasa教程 专题:清除流氓软件
  • Firefox专题 seo搜索引擎优化专区
  • 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏
  • 杀毒软件反被病毒杀 连"救命"都不能喊
  • 金山ARP防火墙
  • 还原卡神话破灭“机器狗”病毒来势汹汹
  • cctv经济半小时:你的手机现在安全吗?
  • 新挂马方式开始流行 ARP挂马称雄局域网
  • 木马和病毒清除的通用解法
  • IP地址不再冲突 查找ARP攻击者元凶
  • 教你几招识别和防御Web网页木马
  • 分析:封杀BT只是暂时的止痛药
  • QQ爆危险漏洞,“QQ游戏邀请大盗”邀请你玩病
关于我们 | 诚聘英才 | 联系我们 | 版权声明 | 网站大事 | 网站地图 | 意见建议
CopyRight 2005-2007 Jztop.Com 版权所有 未经许可 请勿转载