dreamweaver显示隐藏元素行为的操作方法
发布于 2016-05-11 11:44:36 | 1514 次阅读 | 评论: 0 | 来源: 网友投递
Dreamweaver所见即所得网页编辑器
Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
一、Dreamweaver显示-隐藏元素行为
1. 在网页中插入AP Div，也就是常说的层。
2. 选择<body>标签、某个链接（<a>）标签或者选择一个AP元素。
3. 打开行为面板。
4. 点击“添加行为（+）”按钮，在弹出的下拉菜单中选择“显示-隐藏元素”命令，如下图所示：
5. 打开“显示-隐藏元素”对话框，如下图所示：
在“元素”文本框中选择需要改变可见性的元素。
点击“显示”按钮、“隐藏”按钮或者“默认”按钮设置元素的可见性。
继续选择其它元素并点击相关的按钮，以设置更多元素的可见性。
6. 单击“确定”按钮。
7. 查看附加的事件是否是需要的事件。如果不是需要的事件，可以更改事件。
8. 查看行为参数是否合适。如果不合适，也可以修改行为参数。
二、示例
1. 选择<body>标签，在“显示-隐藏元素”对话框中将“div "apDiv1"”设置为隐藏，事件是onLoad。
2. 选择apDiv2，在“显示-隐藏元素”对话框中将“div "apDiv1"”设置为显示。将事件修改为onMouseMove。
3. 继续选择apDiv2，在“显示-隐藏元素”对话框中将“div "apDiv1"”设置为隐藏。将事件修改为onMouseOut。
至此，选择apDiv2时，在行为面板中会出现两个事件，分别是onMouseMove、onMouseOut。
4. 将apDiv3像apDiv2那样做相同的设置。