Dreamweaver中制作活动菜单条效果的方法

站长资源 2025-05-17 09:55www.dzhlxh.cnseo优化

制作生动活动菜单:Dreamweaver操作指南

第一步:设计菜单的外观

第二步:赋予菜单动态生命力

1. 选择我们刚刚设计好的层面,当鼠标变为“十”字形时,将其拖动到页面右上角,使菜单条完全露出但上边缘正好与页面上边界贴合。接着,打开时间线面板,选定层面并将其拖动到时间线上。Dreamweaver会自动创建一个动画对象,我们可以将其长度设置为30帧。

3. 同样的方法在第30帧处也添加一个“Stop Timeline”的交互行为,这样菜单弹出的功能就实现了。这两个交互行为在相应帧上会显示一个蓝色方块作为标识。为了确保动画能够自动循环播放,选择“自动播放和循环”复选框。

4. 为了让时间线停止后动画能继续播放,我们需要设置一个额外的行为。选定菜单条中的“校园大观”(确保该字样的超链接地址为“”,即空链接),在行为面板中选择“Timeline/Play Timeline”,在弹出的对话框中选择“Timeline1”。在事件下拉列表中选择“onMouseOver”事件,这样当鼠标悬停在“校园大观”上时,动画就会继续播放。

至此,一个活动菜单条就制作完成了。你可以按“F12”键预览其最终效果。这个菜单不仅外观吸引人,还具备动态交互功能,能够增强用户的体验。

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板