Dreamweaver 实现多分辨率层定位

woaihongmeigui

woaihongmeigui

2016-02-19 19:58

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Dreamweaver 实现多分辨率层定位,赶紧看过来吧!

  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的创建。

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

  3、接下来我们要进行必要的调整,因为“Behaviors”面板默认的事件属性是“onClick”,也就是说只有当你预览点击Layer2时才会使层移至窗口中央,所以我们需要到源代码中将层代码中的onClick="BW-centerLayers 0"选中移至“”的中间,再将“onClick”改名为“onLoad”,即让BW-centerLayers 0函数在页面加载时即执行,至此我们基本上完成了层Layerl的定位。

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

  4、还有一点,当浏览器默认打开值不是最大化而需要手工点“最大化”按钮时,Layer2层却不能随窗口的变化而作出调整,需要刷新一下才会移至窗口中央,怎么办?别忘了我们还有“onResize”动作,选中“onLoad=" BW_centerLayers 0"”复制并粘贴到此动作后面。再将“onLoad”改名为“onResize”,这样在页面加载时会执行两个事件,即“onLoad”和“onResize”。OK!打开浏览器用不同的分辨率预览一下吧。你会发现“层”已经变得很听话了。

展开更多 50%)
分享

猜你喜欢

Dreamweaver 实现多分辨率层定位

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

Dreamweaver CS3 实现多分辨率层定位

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

s8lol主宰符文怎么配

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

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

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

检测屏幕分辨率

Web开发
检测屏幕分辨率

lol偷钱流符文搭配推荐

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

分辨率怎么调

分辨率 电脑
分辨率怎么调

怎么调电脑分辨率

电脑 分辨率
怎么调电脑分辨率

lolAD刺客新符文搭配推荐

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

巧用Dreamweaver制作复杂交换图像

巧用Dreamweaver制作复杂交换图像

Win8 Apps生态的成长轨迹

Win8 Apps生态的成长轨迹
下拉加载更多内容 ↓