首页 > 软件教程 > 电脑软件 > dreamweaver cs6为网页添加下拉条幅的操作教程

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

WBOY
发布: 2024-06-01 13:57:11
原创
863 人浏览过

网站制作中,想要为网页添加一个下拉条幅,可以大大提升页面的美观性和互动性。php小编小新今天将为大家带来 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为网页添加下拉条幅的操作教程的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:zol.com.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板