【实现效果】
如图所示,有一个“诗歌赏析”的按钮,当鼠标滑过该按钮时,会弹出一个菜单,点击该菜单上的按钮,能打开相应的教学环节,同时该菜单自动隐藏。
【制作过程】
(1)在场景中将图层1理名为“按钮层”从公用库中拖一个按钮进来,双击进入按钮级别,将文字层改为“诗歌赏析”,然后返回场景。
(2)点击【插入】【新建元件】【影片剪辑】,进入编辑区,在第一帧第 5 页 共 228 页,该层命名为“底层”。
(3)在“底层”上方新建一层,取名为“文字层”,在上面打上文字“朗读欣赏”“自我探究”“合作交流”。
(4)在“文字层”上方新建一层,取名为“按钮层”,用矩形工具画一个小矩形框,右键单击,将其转换为“按钮”,选中该按钮,在属性面板中将【Alhpa】设为0,然后按住ctrl键拖动复制2个,将其放在下面的两个文字上。
(5)返回场景中,在图层1(按钮层)下方新建一层,取名为“影片剪辑层”,然后打开库面板,将以上制作的影片剪辑拖到场景中,取实例名为mc,调整位置如图:
(6)双击“影片剪辑”进入编辑级别,在影片剪辑中的“按钮层”的下方新建一层,取名为“隐形按钮”,然后用矩形工具画一个矩形,转换为按钮,并将其【Alhpa】设为0,大小如图:
(7)选中影片剪辑中的所有层的第一帧,将其拖到第二帧,让第一帧为空白帧,选中第一帧,打开动作面板,输入代码:stop()。
(8)选中“隐形按钮”,打开动作面板,输入代码:
on (rollOut) {
gotoAndStop(1);
}
(9)选中“朗读欣赏”上方的按钮,打开动作面板,输入代码:
on (rollOver) {
gotoAndStop(2);
}
on (release) {
gotoAndStop(1);
_root.gotoAndStop(*);
}
(10)选中“自我探究”上方的按钮,打开动作面板,输入代码:
on (rollOver) {
gotoAndStop(2);
}
on (release) {
gotoAndStop(1);
_root.gotoAndStop(*);
}
(11)选中“合作交流”上方的按钮,打开动作面板,输入代码:
on (rollOver) {
gotoAndStop(2);
}
on (release) {
gotoAndStop(1);
_root.gotoAndStop(*);
}
注:“*”表示跳转到主场景中的具体帧数,也就是主场景中你安排的相对应的内容(朗读欣赏、自我探究、合作交流等内容所在的帧)。
(12)返回主场景,选中“诗歌赏析”按钮,打开动作面板,输入代码:
on (rollOver) {
_root.mc.gotoAndStop(2);
}
(13)测试影片。