养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Dreamweaver如何控制网页元素的显示与隐藏

时间:2024-09-21 08:37:11

Dreamweaver是一款集网页制作和管惯栲狠疲理网站于一身的所见即所得网页编辑器,今天小编就教大家Dreamweaver如何控制网页元素的显示与隐藏。

方法/步骤

1、首先选择“插入”,点击“Image”命令,在页面中插入一幅图画。

Dreamweaver如何控制网页元素的显示与隐藏

2、然后再插入一个Div,并将其元素ID明明为id1,点击“确定”。

Dreamweaver如何控制网页元素的显示与隐藏

3、单击“窗口”中的“行为”,打开行为面板。

Dreamweaver如何控制网页元素的显示与隐藏

4、点击添加行为按钮,选择“显示/隐藏元素”选项,在弹出的对话框中单击“隐藏”按钮,设置标签元素的隐藏。

Dreamweaver如何控制网页元素的显示与隐藏

5、再次点击添加行为按钮,并选择“显示/隐藏元素”选项,在弹出的对话框中单击“显示”按钮,设置标盘份益巩签元素的显示。

Dreamweaver如何控制网页元素的显示与隐藏

6、在行为控制面板上单击第一个设置好的显示/隐藏元素的行为栏,选择onMouseOut。

Dreamweaver如何控制网页元素的显示与隐藏

7、然后在行为控制面板上单击第二个设置好的显示/隐藏元素的行为栏,选择onMouseOver。

Dreamweaver如何控制网页元素的显示与隐藏

8、最后按F12预览。

Dreamweaver如何控制网页元素的显示与隐藏

© 一点知识