在做菜单下的弹出菜单时,想要达到如下效果:
鼠标滑过菜单时,弹出下拉菜单,滑出时,不弹出下拉菜单,
当鼠标在弹出的下拉菜单中滑动时依然显示下拉菜单,如果
鼠标滑出下拉菜单时,或者选中下拉菜单中的选项时,下拉
菜单将消失。
我们可以这样想,将弹出的下拉菜单分为两部分:下拉菜单的背景,下拉菜单中的选项,鼠标滑出背景时或选中选项时,下拉菜单消失,滑过背景或选项时,下拉菜单依然存在。
应该注意以下几点:
*.用两个关键帧,1帧的内容为空,2帧的内容为要弹出的下拉菜单
的内容。
1.按钮的复制,对齐
2.在作出鼠标滑过菜单时显示,滑出时不显示,要作一个与弹出菜单背景一样大小的按钮,将其设为透明,动作为:
on (rollOver) {
gotoAndStop(2);
} //第二帧为显示关键帧,滑过时显示
on (rollOut) {
gotoAndStop(1);
} //第一帧为空白关键帧,滑出时不显示
目的:鼠标滑过下拉菜单时,依然显示下拉菜单,滑出下拉菜单时,下拉菜单将消失。
3.弹出的菜单选项按钮的动作为:
on (release) {
gotoAndStop(1);
getURL("http://www.sina.com.cn");
} //当鼠标按下并释放时,回到第一帧并停止播放,找开网页
on (rollOver) {
gotoAndStop(2);
} //鼠标滑出时停止在第二帧,显示菜单
目的:鼠标选中下拉菜单中的选项时,下拉菜单将消失,滑过下拉菜单中选项时,下拉菜单依然显示。
4.如果我们不做这样安排,就会出这样一种情况:
当鼠标滑出菜单选项时,弹出的下拉菜单选项将会消失,即我们在菜单选项上少了这样的
定义:on (rollOver) {
gotoAndStop(2);
} 就会出现不显示的情况