课堂导入
知识交易平台——猪八戒网发布了以下威客任务：开始一段邪教危害动画，然后进入知识问答环节，当答对时出现你好棒的语音提示并且出现一个大拇指，答错时出现一个哭脸。
思考：此动画如何制作呢？
学习目标
1、了解事件处理的基本概念；
2、学会添加事件侦听器；
3、了解并熟悉事件侦听的过程。
学习任务单
教学视频
教学课件
实战演练
以下作品为素材库中作品展示，邪教危害动画主要运用到了逐帧动画与遮罩动画。反邪教问答动画用到了事件处理相关知识点。
以下为反邪教答题代码详解。
tj.addEventListener(MouseEvent.CLICK,daan);
//使用addEventListener注册事件侦听
function daan(event:MouseEvent)//编写事件处理程序 daan
{
if (aa.selected && ! bb.selected && ! cc.selected && ! dd.selected)//如果第1个答案被选中，同时第2个第3个没有被选中
{xk.gotoAndPlay(2);}//跳转到影片剪辑第2帧执行，显示大拇指。
}
拓展资源
（一）观看下面的《个人简历》动画作品，请思考以下问题：
（1）思考以下《个人简历》作品如何制作？
（2）事件源，事件，事件处理程序分别是什么？
（3）此案例事件侦听的过程是什么?
（二）制作步骤分析：
1、作品构图分析
画面主要由三部分构成：顶部的标题、左侧的按钮、中间的个人信息；
标题为静态画面；
按钮采用动态的图形按钮；
个人信息为一个影片剪辑，可以控制其显示帧；
画面装饰以水滴。
2、作品设计思路分析
导入图像，构建基本画面；
设计动态按钮，其中又包括文字变形、图形变形、按钮功能、按钮音效等；
设计表现个人信息的影片剪辑，其中又包括概况、教育等图像和变形效果；
利用脚本代码控制个人信息的显示；
用代码导入外部水滴动画。
操作步骤：
（一）构建基本画面
1、创建一个新的Flash文件，命名为：求职简历.fla。
2、设置文档大小为600*400像素。
3、导入标题素材。
（二）设计动态按钮
1、新建影片剪辑，取名为b概况。
2、将图层1命名为文字。并做两段动画，前一段动画为由小变大，后一段为由大变小。
3、新建一个名为图形的图层，画一朵云，并做两段动画，第一段由大变小，第二段为由小变大。
4、在图形图层上新建一个隐形的按钮，并将其取名为b1。
5、新建一脚本图层，在动作面板写下如下代码：
b1.addEventListener(MouseEvent.MOUSE_OVER,mymouseOver);
b1.addEventListener(MouseEvent.MOUSE_OUT,mymouseOut);
function mymouseOver(event:MouseEvent):void{
gotoAndPlay(2);
}
function mymouseOut(event:MouseEvent):void{
gotoAndPlay(14);
}
6、同理制作其他几个按钮。
（三）制作个人信息
将每个栏目做成一个淡入的动画。
（四）整合求职简历
1、将按钮与主要内容拖入到场景中，并分别取名。
2、在动作面板中写入以下代码，控制主要内容的播放。
btn1.addEventListener(MouseEvent.MOUSE_OVER,btn1mouseOver);
btn2.addEventListener(MouseEvent.MOUSE_OVER,btn2mouseOver);
btn3.addEventListener(MouseEvent.MOUSE_OVER,btn3mouseOver);
btn4.addEventListener(MouseEvent.MOUSE_OVER,btn4mouseOver);
btn5.addEventListener(MouseEvent.MOUSE_OVER,btn5mouseOver);
functionbtn1mouseOver(event:MouseEvent):void {
maincontent.gotoAndPlay(11);
}
functionbtn2mouseOver(event:MouseEvent):void {
maincontent.gotoAndPlay(21);
}
functionbtn3mouseOver(event:MouseEvent):void {
maincontent.gotoAndPlay(31);
}
functionbtn4mouseOver(event:MouseEvent):void {
maincontent.gotoAndPlay(41);
}
functionbtn5mouseOver(event:MouseEvent):void {
maincontent.gotoAndPlay(51);
}
（五）测试与发布
课后检测
同学们，请扫描以下二维码进行课后检测，我们将全程记录你的答题情况。
