手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

DW3图层应用技巧(二)

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!
上次说到点击按钮出现隐含图层,在今天开始学习之前,先说一点题外话。DW3对中文支持不好,他的链接不支持用中文命名的文档,这是其一。其二,他的Behaviors(行为)菜单中浏览器的选择很不方便,他默认的是3.0 and Later Browsers,这样的话就有很多特效不能用,包括图层的一些特效。解决办法是点一下Events For右边的一个小三角形,再用键盘的上下健选择您所希望的浏览器。
>>点击按钮出现隐含图层 (请看范例)
先看看例子
1.先把Objects(项目)Ctrl F2面版调出来,插入两个按钮。注意,两个按钮的Action(动作)都要选None(无),否则不能做出效果来。如下图:



2.把图层里的内容准备好,并把他设为隐含。图层里的内容由您定,教程(一)里的图层是搜索引擎,现在是留言簿,根据您的需要来更改图层中的内容。
3.由于有了教程(一)的基础我就不写那么周详,点击“显示留言簿”按钮,按F8出现Behaviors(行为)菜单,加入Events(事件)显示图层,Actions(动作)不要改变,千万不要把他改为“OnMouseOver”,要不然这按钮没用。设完如下图:



4.点击“隐藏留言簿”按钮,同样加入Events(事件)隐藏图层。
>>下拉菜单的实现 (请看范例)
老习惯先来瞧一瞧效果
1.您得先把菜单做好,再把相应下拉菜单的内容放到隐藏图层里。一个链接对应一个图层,上图有四个链接就得做四个隐含图层,图层分别放在链接的下面,像下图那样摆放。



2.剩下的事情就好做了,您得多点几下鼠标。按F8把Behaviors(行为)菜单调出来,点击“健康常识”链接后,在Behaviors中点击加号选Show- Hide Layers,出来Show-Hide Layers菜单,把Layer1设为Show(显示),其他三个图层设为Hide(隐藏)。如下图:



3.把Events(事件)OnClick改为OnMouseOver事件,Ok!这是个下拉菜单的制作,其他的三个链接如法炮制。但是我要特别强调一点:在配置Show-Hide Layers菜单时一定要注意,除了把该链接的下拉菜单图层设为Show(显示)外,其他的图层一定要设为Hide(隐藏),否则,效果不堪入目。

纯文本能不能也实现类似的特效?欲知详情请看教程(三)

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!