内容发布更新时间 : 2024/5/20 21:52:44星期一 下面是文章的全部内容请认真阅读。

FLASH CS3 菜单导航

网页中的菜单导航与按钮相比，无论是在类型方面，还是在动画效果方面，前者比后者更加具有灵活性。虽然菜单也是由单个按钮组合而成，但是由于菜单的整体性，使其动画展示效果更加丰富。 1．菜单样式

菜单的样式有很多，包括横排导航、竖排导航、图片式导航和下拉菜单导航等。多种样式的导航设计，是为了与不同风格页面设计协调统一而衍生出来的，如图8-4所示。

横排导航菜单 竖排导航菜单

图片式导航菜单 下拉菜单导航 图8-4 网页菜单

由于网站可能储备了多种类别的信息，所以一个网站不一定只有一个导航菜单。多个导航出现在同一页面时，这个页面可能会出现两种样式以上的导航风格，如图8-5所示。

图8-5 网页中的多个导航菜单 如果网页中只有菜单为动画，那么菜单样式需要尽量为规矩的几何图形；而如果是在动画网站中制作菜单，那么其样式可以是任意形状，如图8-6所示为圆形菜单效果。

图8-6 动画网站中的菜单样式 当网页中的局部为动画时，其形状通常情况下为矩形。这时动画中的主题展示区域尽量与动画形状相吻合，以节省动画空间，减少文件容量。 2．菜单动画效果 无论是任何样式的导航菜单，只要经过Flash制作，均可以展示各种动画效果，比如在经过状态中添加动画效果。

图8-7 鼠标经过动画效果 在Flash网站中制作导航菜单时，由于没有尺寸限制，可以对菜单动画效果进行较大的设计。如图8-8所示的网站首页中，其导航菜单占主要位置，鼠标经过某个菜单按钮时，该按钮在颜色与形状方面均发生变化，并且菜单左侧的产品图片也会发生相应的改变。

图8-8 动画网站中的导航菜单 该菜单动画效果并不是简单的两幅图像在弹起与经过状态中显示，特别是经过状态。当鼠标经过某个菜单按钮时，其效果是有一个过渡动画组成的，如图8-9所示。

图8-9 鼠标经过动画效果 动画网站中的导航菜单，其展示效果更加灵活。如图8-10所示的网站首页中，以导航菜单为单位，鼠标指向与未指向为两种状态，这样能够节省网页空间。