相关文章
网页设计CSS的超级技巧大放送
网站制作CSS实现当前页的滑动门菜单效果方法
网站建设第十六节 窗框结构
北京网站建设Dreamweaver MX 2004 入门教程之站点设置
北京网站建设Dreamweaver构建Blog(4):首页的实现
网站设计活用DW的数据导入、排序与美化
网页设计多语言Flash MX 2004安装方法
网站设计Flash MX 2004 新模板应用(1)
北京网站制作Flash视频教程:3.6 运动动画
网站设计HTML网页表单制作实例讲解
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网页设计北京网页设计用Dreamweaver实现不同分辨率下的层定位
北京网页设计北京网页设计用Dreamweaver实现不同分辨率下的层定位
| 用Dreamweaver实现不同分辨率下的层定位 |
收藏到新浪ViVi 收藏到365KEY 收藏到我摘 www.qitongnet.com字号选择〖 大 中 小 〗/ 双击滚屏 单击停止 | ||||||
|
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实现漫天花雨效果
下一篇:网站建设DW MX 2004网页中文乱码问题:尝试解决