使用Dreamweaver制作卷帘渐隐广告

卷帘渐隐广告是一种非常流行的广告形式，当鼠标经过一个位置时，弹出广告，点击关闭按钮即可关闭广告。那么，我们如何使用Dreamweaver来实现这个效果呢？接下来，我将详细介绍具体步骤。

布局设置

首先，在Dreamweaver中绘制一个apdiv，并放置广告图片，比如电视机图片。在该图片的右上角绘制一个apdiv，并在其中输入字母"X"作为关闭按钮。这样就完成了基本的布局。

添加ID和动作

选中电视机图层，并将其ID设置为"gg1"，这样可以为该层添加一个名称。然后，选中关闭按钮所在的apdiv。

切换到动作面板，依次执行：添加 - 效果 - 显示渐隐。在打开的对话框中，将目标元素设置为"gg1"，并选择渐隐效果。点击确定按钮，这样点击关闭按钮"X"就能关闭广告。

触发广告出现的效果

接下来，我们要实现广告从某个位置弹出的效果。首先选中触发广告的位置，比如标题栏。

在动作面板中添加一个遮帘效果，将目标元素设置为之前创建的电视广告层"gg1"，然后点击确定按钮。

仍然在动作面板中，将触发动作设置为onmouseover，也就是当鼠标经过该位置时就会触发动画效果。

最后，切换到ap元素面板，如果该面板没有显示，可以在窗口菜单中调出。点击"gg1"前面的空白位置，如果出现一个闭着眼睛的图标，说明该面板已被隐藏。至此，我们的广告效果就制作完成了。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。