首页 > 文章列表 > dreamweaver cs6为网页添加下拉条幅的操作教程

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

483 2024-06-12

我们先打开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为网页添加下拉条幅的操作教程

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