web|菜单|导航|动态
在这个教程里我们使用Flash8 ActionScript来制作一个立方体Flash菜单。
先看效果:
点击这里下载源文件
1、创建新的Flash文档,导如一幅图片,然后转变为图形元件cube。
2、然后创建新的按钮元件:Invisible Button:
3、场景1中建立3个图层:
4、把按钮分别放到舞台上适合位置:
5、制作动态效果,创建一个Home的影片剪辑,方法比较简单,我这里给大家简单截几个图:
第1帧的动画设置:
第6帧的动画设置:
新添加一个文字层,第1帧文字Alpha设置为0:
最后一关键帧加上stop()。
6、把元件放到舞台上来,命名实例名:
重复上述步骤,制作另外其他电影剪辑。
7、然后给每个按钮添加动作。下面是给home影片剪辑添加的动作:
on (rollOver) {
_root.mouse_over_Home = true;
}
on (rollOut) {
_root.mouse_over_Home = fstartlse;
}
on (release) {
getURL("http://www.webjx.com/", "blank");
}
然后给其中的Home改为相应的实例名就可以了。
8、最后选择最上面的图层的第一帧,然后输入如下Action:
_root.Home.onEnterFrame = function() {
if (mouse_over_Home) {
_root.Home.nextFrame();
} else {
_root.Home.prevFrame();
}
};
_root.Forum.onEnterFrame = function() {
if (mouse_over_Forum) {
_root.Forum.nextFrame();
} else {
_root.Forum.prevFrame();
}
};
_root.Blog.onEnterFrame = function() {
if (mouse_over_Blog) {
_root.Blog.nextFrame();
} else {
_root.Blog.prevFrame();
}
};
_root.Download.onEnterFrame = function() {
if (mouse_over_Download) {
_root.Download.nextFrame();
} else {
_root.Download.prevFrame();
}
};
_root.Link.onEnterFrame = function() {
if (mouse_over_Link) {
_root.Link.nextFrame();
} else {
_root.Link.prevFrame();
}
};
_root.Contact.onEnterFrame = function() {
if (mouse_over_Contact) {
_root.Contact.nextFrame();
} else {
_root.Contact.prevFrame();
}
};
然后可以按Ctrl+Enter测试影片了。