软件下载 > 开发工具 > 网站制作 > Dreamweaver CS6使用技巧 > dreamweaver cs6为网页添加下拉条幅的操作教程

dreamweaver cs6为网页添加下拉条幅的操作教程

软件分类:网站制作大小:278.75 MB时间:2023-05-29
软件介绍:Dreamweaver CS6是一款用于制作并编辑网站和移动应用程序的网页设计软件。dreamweaver cs6支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页。

以下是针对Dreamweaver CS6中如何在网页上添加下拉菜单的教程。对于对此操作不熟悉的网友来说,这将是一个很好的学习机会。让我们一起来探索这个过程!

dreamweaver cs6为网页添加下拉条幅的操作教程

dreamweaver cs6为网页添加下拉条幅的操作教程

我们先打开dreamweaver cs6软件,在要放置条幅的位置创建一个AP图层,并插入要显示的内容,在此只设置图层的背景颜色,命名一个id。

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

然后点击body,打开行为窗口,点击添加行为效果遮帘,在弹出的对话框中选择刚才的图层,并按照自己的需要选择属性。

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

把事件调整为onload,即一打开就消失这个效果。

dreamweaver cs6为网页添加下拉条幅的操作教程

接着设置关闭按钮,在上面添加的AP图层中新建一个嵌套的层,并输入x号。

dreamweaver cs6为网页添加下拉条幅的操作教程

再选中新建的层,打开行为窗口,点击添加行为,选择显示、隐藏元素,在弹出的对话框中选择父层。调整事件为onclick,就是点击关闭。

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

这样,一个下来的条幅就已经设置好了,可以放置广告、公告等内容。

根据上文为你们讲解的dreamweaver cs6为网页添加下拉条幅的详细操作流程,你们是不是都学会了呀!

文章标题:dreamweaver cs6为网页添加下拉条幅的操作教程

文章链接://www.hpwebtech.com/jiqiao/124539.html

为给用户提供更多有价值信息,ZOL下载站整理发布,如果有侵权请联系删除,转载请保留出处。

Dreamweaver CS6软件简介

软件基础简介Dreamweaver CS6是一款用于制作并编辑网站和移动应用程序的网页设计软件。dreamweaver cs6支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页。对于初级人员,你可以无需编写任何代码就能快速创建web页面。dreamweaver cs6由于其成熟的代码编辑工具更适用于web开发高级人员的创作!软件特性运... 详细介绍»