内页-下拉菜单的制作动画和命令

.

• 知识目标：

1、掌握下拉菜单的动画制作方式。

2、掌握按钮命令的添加方式。

3、理解和掌握空白按钮控制帧制作下拉菜单。

.

• 能力目标：

1、能够为按钮添加命令。

2、运用空白按钮添加命令，控制影片剪辑。

3、熟练使用鼠标移入移出命令，添加和修改命令。

.

• 课程重难点：

1、重点：按钮添加命令，控制影片剪辑。

2、难点：使用鼠标移入移出命令，添加和修改命令。

.

• 课程概况、教学主要内容：

1：在主场境放一个按钮a1_btn。

2：在其下放上一个由菜单按钮组成的影片剪辑mc_mc。

3：mc_mc的第一层的第一帧为空白。第2帧放上下拉菜单，排好顺序和样式。给它们命名为，b1_btn，b2_btn，b3_btn，b4_btn，

4：在加一层（第二层）放到第一层的下面，第一帧空，第二帧放一个隐形按钮。为c1_btn。

5：在主场境新建一层把mc_mc从库中拉出来放到a1_btn下面。

6：在主场境中再加一新层给其上加上代码：

stop();

a1_btn。onRollOver = function() {
mc_mc。gotoAndStop(2);
};

7:回到mc_mc剪辑中再加一层（第三层），再第一帧加上：stop，让它停止。第二帧上加上代码：

b1_btn。onPress=function(){
gotoAndStop(1);
}
b1_btn。onRollOver=function(){
gotoAndStop(2);
}
b2_btn。onPress=function(){
gotoAndStop(1);
}
b2_btn。onRollOver=function(){
gotoAndStop(2);
}
b3_btn。onPress=function(){
gotoAndStop(1);
}
b3_btn。onRollOver=function(){
gotoAndStop(2);
}
b4_btn。onPress=function(){
gotoAndStop(1);
}
b4_btn。onRollOver=function(){
gotoAndStop(2);
}
c1_btn。onRollOut=function(){
gotoAndStop(1);
}

8：回到主场境中测试。你就看到下拉菜单了。

主要步骤概括：1、菜单图标绘制，运用图形工具绘制图标，并且上色，转换成图形元件。

3、将全部图标转换成影片剪辑，点击进去后，图片从第一帧依次放入。

3、下拉数字内容从第二帧开始放入，第一帧空白。

4、在图标上分别放置空白按钮。

5、放置命令，鼠标移入第一个按钮，转到第二帧，第二个按钮跳到第三帧，一次类推。mouseover    mouseout      gotoAndStop();    this.stop)();

.

视频讲解：

作业：完成下拉菜单的点击后出现不同的耳机链接的制作。具体参照下面图形。