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

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

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

文章插图
我们需要先新建一个HTML空白页
然后我们在菜单栏中选择‘插入‘—–’图像‘命令,在页面中插入一副图画
dreamweaver cs6显示隐藏元素的操作教程

文章插图
接着我们在菜单栏中选择’插入‘—-’布局对象‘—–’AP div\’命令,在页面中插入一个布局层元素
dreamweaver cs6显示隐藏元素的操作教程

文章插图
【dreamweaver cs6显示隐藏元素的操作教程】这时选中’AP div\’元素单击行为控制面板中的添加按钮,在弹出的菜单中选择‘显示-隐藏元素’选项
dreamweaver cs6显示隐藏元素的操作教程

文章插图
接下来我们在弹出的‘显示-隐藏元素’对话框中单击‘隐藏’按钮,设置标签元素隐藏
dreamweaver cs6显示隐藏元素的操作教程

文章插图
然后我们在弹出的‘显示-隐藏元素’对话框中单击‘显示’按钮,设置标签元素隐藏
dreamweaver cs6显示隐藏元素的操作教程

文章插图
在行为控制面板上,单击‘显示-隐藏元素(隐藏)’(注意此处应单击进去看)的行为栏,选择‘onmouseout\’
dreamweaver cs6显示隐藏元素的操作教程

文章插图
在行为控制面板上,单击‘显示-隐藏元素(显示)’(注意此处应单击进去看)的行为栏,选择‘onmouseover\’
dreamweaver cs6显示隐藏元素的操作教程

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

    推荐阅读