当前位置: 首页 > 攻略教程 > 软件教程 > dreamweaver cs6显示隐藏元素的操作教程

dreamweaver cs6显示隐藏元素的操作教程

时间:2024-07-20 20:11:01 编辑:易网VIP游戏门户 阅读:0

相信许多伙伴还不了解dreamweaver cs6怎样显示隐藏元素的简单操作,不过没关系,下面就分享了dreamweaver cs6显示隐藏元素的操作方法,希望感兴趣的朋友都来共同学习哦。

dreamweaver cs6显示隐藏元素的操作教程

dreamweaver cs6显示隐藏元素的操作教程

我们需要先新建一个HTML空白页

然后我们在菜单栏中选择‘插入‘-----’图像‘命令,在页面中插入一副图画

dreamweaver cs6显示隐藏元素的操作教程截图

接着我们在菜单栏中选择’插入‘----’布局对象‘-----’AP div'命令,在页面中插入一个布局层元素

dreamweaver cs6显示隐藏元素的操作教程截图

这时选中’AP div'元素单击行为控制面板中的添加按钮,在弹出的菜单中选择‘显示-隐藏元素’选项

dreamweaver cs6显示隐藏元素的操作教程截图

接下来我们在弹出的‘显示-隐藏元素’对话框中单击‘隐藏’按钮,设置标签元素隐藏

dreamweaver cs6显示隐藏元素的操作教程截图

然后我们在弹出的‘显示-隐藏元素’对话框中单击‘显示’按钮,设置标签元素隐藏

dreamweaver cs6显示隐藏元素的操作教程截图

在行为控制面板上,单击‘显示-隐藏元素(隐藏)’(注意此处应单击进去看)的行为栏,选择‘onmouseout'

dreamweaver cs6显示隐藏元素的操作教程截图

在行为控制面板上,单击‘显示-隐藏元素(显示)’(注意此处应单击进去看)的行为栏,选择‘onmouseover'

dreamweaver cs6显示隐藏元素的操作教程截图

根据上文为你们所描述的dreamweaver cs6显示隐藏元素的详细流程介绍,你们是不是都学会了啊!