Dreamweaver CS3 实现多分辨率层定位

帅哥昆

帅哥昆

2016-02-20 01:13

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的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!打开浏览器用不同的分辨率预览一下吧。你会发现层已经变得很听话了。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

Dreamweaver CS3 实现多分辨率层定位

Web开发
Dreamweaver CS3 实现多分辨率层定位

Dreamweaver 实现多分辨率层定位

Web开发
Dreamweaver 实现多分辨率层定位

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

玩转Dreamweaver CS3中的层及应用

Web开发
玩转Dreamweaver CS3中的层及应用

关于Android引导画面的多分辨率适配

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
关于Android引导画面的多分辨率适配

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

分辨率详细介绍(3)

PS PS教程
分辨率详细介绍(3)

更改Dreamweaver CS3默认编码

Web开发
更改Dreamweaver CS3默认编码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

IE6下如何让PNG图片变透明

IE6下如何让PNG图片变透明

更改Windows7下图标查看方式

更改Windows7下图标查看方式
下拉加载更多内容 ↓