Dreamweaver制作活动菜单条效果_第1页
Dreamweaver制作活动菜单条效果_第2页
Dreamweaver制作活动菜单条效果_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、Dreamweaver制作活动菜单条效果在自己的网页中加一些元素在 Dreamweaer中实现自动隐藏窗口功能效果， 具体 怎么做呢？大家就和我一起来制作吧！第1步：制作菜单外貌在Dreamweaer中新建一个文件，绘制一个层，在该层中插入一个表格（如图1）, 对该表格进行修饰，然后加入菜单项并建立各项的超链接，为了去掉超链接的下 划线，可以编辑超链接的CSS羊式，在CSS羊式面板中通过CS弘择器将“Link ” 和 “Hover”的 “Decoration （装饰）”均设置为 “None （无）”，将 “Hover” 的“Color （颜色）”设置为红色，最后将设置好的样式应用到各个菜单条中

2、（可按 “F12”键预览效果）。第2步：设计菜单的动态效果1、选定层面，当鼠标变成“十”字形时按住左键将层面拖动到页面右上角（使整个菜单条完全露出但上边缘正好靠拢页面上边界），在窗口菜单中打开时间线 面板，选定层面将其拖动到时间线上，Dreamweaer会自动产生一个长度为15帧 的动画对象，拖动该动画对象的最后一个关键帧到第30帧，将其长度设置为30帧。然后在第15帧处单击右键，在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧，并将层面拖动到适当位置（如图2）。在时间线窗口中的第15帧处再次单击右键，在弹出的快捷菜单中选择“添加动 作”，为该帧添加一个交互行为，Dreamweaer自动

3、打开行为面板。单击行为面 板中的“+”按钮，从弹出的菜单中选择“Timeline/Stop Timeline ”，打开“Stop Timeline ”对话框，选择“ Timeline1 ”后单击“确定”按钮关闭该对话框。交 互行为的事件为“ onFrame15'，动作为“Stop Timeline ”，这样当时间线运行到 第15帧时，动画将停止播放，这样就实现了菜单条弹回的功能。2、用同样的方法在时间线的第30帧处也添加一个“ Stop Timeline ”的交互行 为，这样就实现了菜单弹出的功能。 添加了这两个交互行为后，在时间线窗口的1相应帧上面都出现了一个蓝色方块，它代表一个交互

4、行为。选择“自动播放和循环”复选框，使动画能够自动循环播放（如图3）。3、现在还要设置一个行为让时间线停止后能继续播放。我的设想是这样的：在一般状态下菜单条弹回但仅保留下方的“校园大观”字样，而菜单条再次弹出和弹回则由鼠标是否经过了菜单条上的“校园大观”来控制。如此可以这样继续进行：选定菜单条中的“校园大观”（要确保该字样的超链接地址为“ #”，即空链 接）字样，单击行为面板中的“ +”按钮，在弹出的菜单中选择“ Timeline/Play Timeline ”，在接着弹出的对话框中选择“ Timelinel ”后单击确定按钮，这时行 为面板中将增加一个行为，在其“ Events”下拉歹0表中选择“ onMouseOver事 件，表示

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论