当前位置: 移动技术网 > 科技>软件教程>编程开发 > dreamweaver显示隐藏元素行为的操作方法

dreamweaver显示隐藏元素行为的操作方法

2014年05月08日  | 移动技术网科技  | 我要评论
dreamweaver显示隐藏元素行为的操作方法

一、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那样做相同的设置。

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网