Dreamweaver CS3 实现多分辨率层定位

2016-02-20 01:13 9 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Dreamweaver CS3 实现多分辨率层定位,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160220/1633486.html

延伸阅读
标签: Web开发
包含在Adobe Creative Suite 3.0中的Dreamweaver 9究竟如何?让我们来一探究竟。首先,安装界面给人的感觉比Macromedia门下的8.0要漂亮许多,Splash也很有质感。笔者一直很讨厌8.0的Splash画面,但随后笔者就发现一个问题,DW的Logo好像不见了。 图1 Dreamweaver 8与9(Alpha1)的启动封面对比
标签: Web开发
Dreamweaver CS3中集成了Spry功能我们都知道,Spry具有对XML数据处理的功能我们也见识过,不过对于Spry的详细区域功能似乎很少见。 Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能。比如我们看新闻时,其中有一个页面只会显示所有新闻的标题,当对该标题感兴趣时可以单击该标题打开一个新的网页,就可以查看到该新闻...
本实例演示如何在程序中动态修改屏幕的分辨率,并且不需要重新启动计算机就可以生效。 向窗体上添加两个Button控件,设计完成的主界面如图1所示。 图1 主界面 在程序中添加一个自定义函数DynamicResolution,它有两个参数,分别对应于水平和垂直方向的分辨率,并且该函数有一个BOOL类型的返回值,通过判断返回值可以判断Dyna...
标签: 分辨率 电脑
点击通知中心 只需点击Windows 10屏幕右下角的“通知中心图标”,点击弹出的界面中的“所有设置”。 设置系统 找到图中的“系统”案件,点击并进入系统设置菜单。 高级显示设置 在右边下方可以找到“高级显示设置”。 调整分辨率 点击“高级显示设置”后,就能够看到“屏幕分辨率设置窗口了”。只需在相关窗口选择要调...
标签: 软件教程
在电脑玩安卓游戏用靠谱助手很方便,靠谱助手使用的是BlueStacks安卓模拟器,这款安卓模拟器非常好用,占用资源很少,但是BlueStacks内却没有设置分辨率的功能。其实在靠谱助手中就可以设置BlueStacks的分辨率。 操作方法 1、下载和安装靠谱助手

经验教程

67

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部