网页制作入门必备 大师珍藏版 哈工大 17.pptVIP

1-* 第23章 制作导航条 本章主要讲解制作导航动画的各种内容，其中包括了最常见的三种导航条，横向导航条、纵向导航条、以及包含下拉菜单导航条的制作方法。通过本章的学习，读者可以方便的掌握网页导航动画的制作思路和方法，并能够完成常见导航条的制作。 23.1 制作垂直导航条 本实例要制作的效果是，使用影片剪辑和按钮，制作当鼠标悬停时，导航条背景水平的动画。 23.1.1 制作导航条背景 导航条背景，主要由背景颜色和白色的分隔线组成， 23.1.2 制作导航动画 导航动画部分，主要通过使用按钮、补间动画等结合动作脚本，控制影片的播放以及链接。 23.1.3 制作动画中的脚本 动画的脚本用来完成动画中鼠标的各种相应事件，通过脚本的定义，可以让动画变的更加灵活，同时对各种效果的控制也更加方便。 23.1.4 完成动画 当整个导航条中最重要部分晚吃后，其他重复性的内容就可以参考完成了，下面就讲解一下整个纵向导航条剩余部分的制作方法。 23.2 制作横向导航栏 本实例制作的制作横向导航栏的显示效果是，当鼠标滑过导航文本时，文本内容显示出不同的背景，同时文本内容的颜色也发生改变。 23.2.1 制作导航按钮 导航按钮，主要通过使用在按钮的关键帧中插入影片剪辑的方法制作。 23.2.2 制作动画 制作完按钮后，将动画拖放到背景上，完成动画的制作。 （1）执行“文件”|“导入到库”命令，将背景图像文件导入到库中。 （2）单击“场景1”，回到场景。 （3）在库面板中，选择导入的图像，拖放到舞台中。定义图像的位置刚好覆盖文档背景。修改图层1名称为“背景”。 （4）新建图层定义名称为“按钮”。 （5）在库面板中，选择“动画-站点首页”元件，拖放到舞台中。放置在背景左侧相应的位置。 （6）依次拖放其他的元件，创建元件实例。 （7）选择所有元件实例，放置在背景的中间。 23.3 制作含有二级菜单的导航条 本实例主要使用简单的脚本，控制动画的播放位置，并使用影片剪辑，来显示下拉菜单的效果。 23.3.1 制作影片剪辑 导航按钮，主要通过使用在按钮的关键帧中插入影片剪辑的方法制作。 23.3.2 制作动画 制作好影片剪辑元件之后，制作透明按钮，然后在影片剪辑和按钮元件的实例中定义动作，完成动画。 23.4 小结 本章主要讲解了网页导航条的制作过程，通过本节的学习，读者可以了解各三种常见主流网页导航条的制作流程。通过本章的学习，读者可以了解在Flash动画中设置链接的技巧，以及各种按钮的制作方法。 23.5 本章习题 1．如何通过脚本完成动画中的超级链接？ 2．如何通过脚本定义相应鼠标的事件？ 3．完成一个网页导航条的制作。 1-*