第10章--网站Flash导航条制作

1、网站Flash导航条制作第10章效果展示2项目背景 网站导航条一般分为图像式导航条和动画式导航条两种，图像式导航条利用图像设置链接而成，这种导航条用户可以直接在Dreamweave:中制作;动画式导航条使用具有交互功能的动画作为导航对象，这种导航条需要在Flash中制作。动画式导航条因效果绚丽，故应用得越来越多，本项目就是为“常州工程职业技术学院”网站制作导航条。310.1 设计思路 本项目将利用Flash软件，制作用于“常州工程职业技术学院”网站上的导航条动画。该导航条的制作思路如下:（1）动画的初始状态显示一级菜单，如图10-2 (a)所示。（2）当浏览者将光标移到一级导航条按钮上，该按钮

2、会有黄色矩形背景闪烁，并从按钮下方弹出该按钮的二级菜单，如图10-2（b）所示。（3）当光标移到其他按钮上，那么原来按钮的二级菜单就会消失，而光标所在按钮的二级菜单将从下方弹出，如图10-2 （c）所示。410.1 设计思路510.2 项目实施制作导航条按钮，实现导航条初始效果:(1)制作导航条按钮。(2)制作按钮动画影片剪辑，实现背景闪烁效果。任务1 制作导航条按钮初始动画效果610.2 项目实施任务1 制作导航条按钮初始动画效果710.2 项目实施任务1 制作导航条按钮初始动画效果810.2 项目实施任务1 制作导航条按钮初始动画效果910.2 项目实施任务1 制作导航条按钮初始动画效果1

3、010.2 项目实施任务1 制作导航条按钮初始动画效果1110.2 项目实施任务1 制作导航条按钮初始动画效果1210.2 项目实施任务1 制作导航条按钮初始动画效果1310.2 项目实施任务1 制作导航条按钮初始动画效果1410.2 项目实施任务2 制作光标移到按钮状态的动画效果实现光标移到按钮上的动画效果:(1)制作按钮的二级菜单。(2)制作二级菜单向上移动动画。1510.2 项目实施任务2 制作光标移到按钮状态的动画效果1610.2 项目实施任务2 制作光标移到按钮状态的动画效果1710.2 项目实施任务2 制作光标移到按钮状态的动画效果1810.2 项目实施任务2 制作光标移到按钮状态

4、的动画效果1910.2 项目实施任务2 制作光标移到按钮状态的动画效果2010.2 项目实施任务2 制作光标移到按钮状态的动画效果2110.2 项目实施任务3 制作鼠标移到其他按钮的动画效果实现鼠标移到其他按钮的动画效果:(1)为按钮添加行为。(2)设置二级菜单的链接。2210.2 项目实施任务3 制作鼠标移到其他按钮的动画效果2310.2 项目实施任务3 制作鼠标移到其他按钮的动画效果2410.2 项目实施任务3 制作鼠标移到其他按钮的动画效果2510.2 项目实施任务3 制作鼠标移到其他按钮的动画效果2610.2 项目实施任务3 制作鼠标移到其他按钮的动画效果2710.3 经验指导10.3

5、.1 导航菜单制作说明导航是一个技术门类的总称，它的本意是引导飞机、船舶、车辆以及个人安全、准确地沿着选定的路线，到达目的地的一种手段。导航的基本功能是回答以下三个问题:现在在哪里?要去哪里?如何去?在网站设计中借用了导航的概念，网站导航(Navigation)是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容。2810.3 经验指导10.3.1 导航菜单制作说明2910.3 经验指导10.3.2 导航菜单设计技术概述(1)使用HTML制作简单的图片和文字链接式导航菜单3010.3 经验指导10.3.2 导航菜单设计技术概述(2)使用脚本和样式表制作的导航菜单

6、3110.3 经验指导10.3.2 导航菜单设计技术概述(3)使用Flash制作的动感导航菜单3210.3 经验指导10.3.3 影片与网页的加载和卸载loadMovie() 、loadMovieNum()和getURL()函数可用于影片或网页的加载。(1) loadMovie()函数loadMovie(）函数用来从当前动画的外部加载影片或图像到指定的位置。使用格式如下:3310.3 经验指导10.3.3 影片与网页的加载和卸载(2)loadMovieNum()函数loadMovieNum()函数与loadMovie()函数功能相似，用于从当前播放的动画外部加载SWF动画到指定的位置。使用格式如下:(3)getURL()函数getURL()函数用于调用网页或邮件。使用格式如下:3410.3 经验指导10.3.3 影片与网页的加载和卸载(1) unloadMovie()函数unloadMovie()函数用于删除通过