Dreamweaver 实现多分辨率层定位

2016-02-19 19:58 11 1 收藏

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

【 tulaoshi.com - Web开发 】

  1、首先你需要到 www.macromedia.com 网站上去下载一个名为CenterLayers 2.3的插件(下载前得先在网站上注册),大小为8KB(你也可以通过我们网站的留言本索要该插件!)。然后用Exention Manager将插件装上。重新启动Dreamweaver使插件起作用,设定页面中需要定位的层为Layerl,再新建一个透明层,设为Layer2并使其移至窗口中央,将代表Layerl的黄色标签选中后拖至Layer2中,调整好Layerl的位置。

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

  2、选中layer2,从“Window”菜单中点“Behaviors”打开“行为控制面板”,单击“+”号,可以看到Centerlayer 2.3命令已经出现在打开的菜单中,单击此命令,出现一对话框,在“Name Layers”中选中Layer2,下面的“Ccenter Horizontal”和“Center Vertical”选项表示可以使层定位在浏览器窗口的水平或垂直的中央的位置,若两者都打上勾,则Layer2层就会处于窗口的正中央,我们在这儿只需要水平位置上的定位,就选中“Center Horizontal”吧,再点“OK”完成JavaScript的创建。

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

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

来源:http://www.tulaoshi.com/n/20160219/1622442.html

延伸阅读
标签: Web开发
     分辨率,什么是分辨率,网页分辨率设置      大家一定在设计网面时,苦恼过不同分辨率下显示的问题,不论你喜欢打表格,还是运用图层,或者利用框架以及帧『内联帧』,当你在800×600下完成创作,1024×768下就会错位,或出现左对齐      1.如果你喜欢打表格,...
标签: PS PS教程
上面主要讲述了扫描仪、打印机、传真机和显示器的设备分辨率。严格来讲,设备分辨率与用该设备处理的图像的分辨率是两个既有联系又有区别的概念。设备分辨率是由硬件设备的生产工艺决定的,尽管可以通过软件的方法调整有些设备的分辨率,但它们都有一个局限性很大的最高分辨率,用户不能对它有任何突破。在描述和理解设备分辨率时,我们必须借...
标签: PS PS教程
四、图像分辨率的作用 表示图像分辨率的方法有很多种,这主要取决于不同的用途。下面所要探讨的,就是在各种情况下分辨率所起的作用,以及它们相互间的关系。 1.平面设计中分辨率的作用 在平面设计中,图像的分辨率以PPI来度量,它和图像的宽、高尺寸一起决定了图像文件的大小及图像质量。比如,一幅图像宽8英寸、高6英寸,分辨率...
本实例演示如何在程序中动态修改屏幕的分辨率,并且不需要重新启动计算机就可以生效。 向窗体上添加两个Button控件,设计完成的主界面如图1所示。 图1 主界面 在程序中添加一个自定义函数DynamicResolution,它有两个参数,分别对应于水平和垂直方向的分辨率,并且该函数有一个BOOL类型的返回值,通过判断返回值可以判断Dyna...
标签: PS PS教程
1.扫描仪、打印机、显示器的分辨率 对扫描仪、打印机及显示器等硬件设备来说,其分辨率用每英寸上可产生的点数即DPI(Dots Per Inch)来度量。 扫描仪的分辨率要从三个方面来确定:光学部分、硬件部分和软件部分。也就是说,扫描仪的分辨率等于其光学部件的分辨率加上其自身通过硬件及软件进行处理分析所得到的分辨率。光学分辨率是...

经验教程

649

收藏

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