Dreamweaver3 图层应用技巧（二）
-
上次说到点击按钮出现隐含图层，在今天开始学习之前，先说一点题外话。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（隐藏），否则，效果不堪入目。
相关视频
相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
- 文章评论
-
热门文章 没有查询到任何记录。
最新文章
CSS优雅的公布栏源码
高级CSS选择器的使用
将网站（主页）变成黑白DW设计网页时组织CSS的建议利用Dreamweaver合理优化网页元素布局22个Dreamweaver内置网页过渡特效简介
人气排行 如何用Dreamweaver制作电子相册下拉菜单全攻略-用Dreamweaver制作下拉菜单用Dreamweaver实现ASP数据库动态网站建设用Dreamweaver CS3制作下拉菜单如何在DW中插入Flash的参数详解Dreamweaver标签选择器的妙用巧用dreamweaver模板批量制作网页优化HTML代码加快网页速度
查看所有0条评论>>