网页动画设计与制作Flash MX 2004 作者 陈永东 项目9-Actions行为的使用.pptVIP

网页动画设计与制作Flash 项目九 Actions行为的使用 项目九 Actions行为的使用 【项目背景】 公司经理要求小张为一家电子商务网站制作一些具有动感的菜单。一种菜单要求先显示“一级菜单”，当“一级菜单”被按下时，“二级菜单”呈下拉式状态显示出来；再一次按下“一级菜单”时，二级菜单被拉回。还有一种菜单要求先显示若干个按钮，当鼠标经过按钮时，菜单以动感的方式出现。 【项目分析】 1．有动感的菜单一般利用什么方法来设计？ 2．Flash动作脚本的学习该如何下手？ 3．Flash动作脚本的综合利用必须从什么地方开始？ 【任务分解】 任务1：设置按钮动作。 任务2：设置帧动作。 任务3：使用常用Actions语句。 任务1 设置按钮动作 了解为按钮设置动作的方法。 了解常用的鼠标对应事件。 利用按钮制作一级菜单。 利用按钮制作二级菜单。 选择配合动画设计涉及的函数与事件。 为按钮添加动作。 1．了解为按钮设置动作的方法 （1）选中舞台上需要设置动作的按钮。 （2）打开“动作”面板。 （3）在“动作”面板的“动作工具箱”中，双击“全句函数”→“影片剪辑控制”→“on”项，此时在脚本窗口中将会出现一条语句： on(){ } 同时有一个下拉菜单，内有鼠标所对应的事件，可进行选择与填写 2．了解常用的鼠标对应事件 （1）press：当用户单击按钮时响应事件。 （2）release：当用户单击按钮后释放鼠标时响应事件。 （3）releaseOutside：当用户单击按钮后在按钮外释放鼠标时响应事件。 （4）rollOver：当用户鼠标从按钮外滑入按钮内时响应事件。 （5）rollOut：当用户鼠标从按钮内滑出按钮外时响应事件。 （6）dragOver：当用户鼠标在按钮内时按下鼠标，然后滑出此按钮，再滑回此按钮时响应事件。 （7）dragOut：当用户鼠标在按钮内时按下鼠标，然后滑出此按钮时响应事件。 3．利用按钮制作一级菜单 （1）单击工具栏上的“新建”按钮，新建一个FLA文件。 （2）执行“插入”→“新建元件”命令，打开“创建新元件”对话框，在对话框中设置名称为“first”，行为为“按钮”，单击“确定”按钮，进入first按钮元件的编辑环境。 （3）单击工具箱中的“矩形工具”，依次单击颜色区的“笔触式”工具按钮和“无色”钮，设置笔触颜色为无色。 （4）打开“混色器”面板，进行相关的设置。 （5）单击工具箱选项区中的“圆角矩形半径”按钮，弹出“矩形设置”对话框，在对话框中设置边角半径为10点。 （6）单击“确定”按钮回到舞台，在舞台上绘制一个大小合适的圆角矩形。 （7）执行“窗口”→“设计面板”→“对齐”命令，打开“对齐”面板。 （8）选中圆角矩形，分别单击“对齐”面板上的“相对于舞台”按钮、“水平中齐”按钮和“垂直中齐”按钮，使圆角矩形对齐至舞台中心点。 （9）单击工具箱中的文本工具，在属性面板中进行相关的字体、字号等的设置。 （10）在圆角矩形合适的位置输入“一级菜单”。 （11）最后在时间轴上分别插入关键帧 4．利用按钮制作二级菜单 （1）执行“插入”→“新建元件”命令，打开“创建新元件”对话框，在对话框中设置名称为“second”，行为为“按钮”。 （2）单击“确定”按钮，进入second按钮元件的编辑环境。 （3）单击工具箱中的“矩形工具”，依次单击颜色区的“笔触式”工具按钮和“无色”钮，设置笔触颜色为无色。 （4）打开“混色器”面板，进行相关设置。 （5）在舞台上绘制一个大小合适的矩形。执行“窗口”→“设计面板”→“对齐”命令，打开“对齐”面板，如图9-6所示。 （6）选中矩形，分别单击“对齐”面板上的“相对于舞台”按钮、“水平中齐”按钮和“垂直中齐”按钮，则矩形对齐至舞台中心点。 （7）单击工具箱中的文本工具，在属性面板中设置文字大小略小于“一级菜单”，在矩形合适的位置输入文本“二级菜单”。 （8）最后在时间轴上分别在“弹起”、“指针经过”、“按下”插入关键帧。 5．选择配合动画设计涉及的函数与事件 （1）执行“插入”→“新建元件”命令，打开“创建新元件”对话框，在对话框中设置行为为“影片剪辑”，名称为“menu”。 （2）单击“确定”按钮进入menu影片剪辑的编辑环境。 （3）在时间轴上建立四个图层，名称分别为first、second、mask、action。 （4）选中first图层第1帧，插入按钮元件first，并使其延续40帧。 （5）选中second图层第1帧插入四个按钮元件second，并将其组合，同样延续40帧。 （6）选中mask图层第一帧，单击工具箱中的“矩形工具”，依次单击颜色区的“笔触式”工具按钮和无色钮，设置笔触颜色为无色。在舞台上绘制一个大小合适的矩形。 （7）在mask图层的