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

 时间:2024-10-12 21:28:43

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

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

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

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

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

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

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

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

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

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

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

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

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

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

8、最后按F12预览。

Dreamweaver如何控制网页元素的显示与隐藏
  • Dreamweaver文档中如何插入Div标签?
  • Dw怎样新建一个站点
  • 在Dreamweaver HTML文档中如何新建CSS样式?
  • Dreamweaver怎样插入提交和重置按钮
  • Dreamweaver/DW怎么重置页面布局
  • 热门搜索
    四川色达旅游 鼓浪屿旅游地图 核桃分心木泡水喝的功效与作用 桂圆泡水喝的功效 za怎么样 血红蛋白偏高是怎么回事 去桂林旅游要多少钱 皇城相府旅游攻略 如何追女生 海瓜子怎么做