CGArt-中国CGer中的绿色家园
首页 信息动态 原创排行 互动教程 资源千寻 CG人才 CGArt杂志 艺术设计 CG画廊 CG论坛 酷站欣赏 CG搜索 会员中心
Flash8制作动态立方体Web导航菜单
来源:网页教学网 作者:闪电儿 编辑:浪漫的季节 发布时间:2007年04月20日 09:16:19

在这个教程里我们使用Flash8 ActionScript来制作一个立方体Flash菜单。

先看效果:

1、创建新的Flash文档,导如一幅图片,然后转变为图形元件cube。

Flash8制作动态立方体Web导航菜单

2、然后创建新的按钮元件:Invisible Button:

Flash8制作动态立方体Web导航菜单

3、场景1中建立3个图层:

Flash8制作动态立方体Web导航菜单

4、把按钮分别放到舞台上适合位置:

Flash8制作动态立方体Web导航菜单

5、制作动态效果,创建一个Home的影片剪辑,方法比较简单,我这里给大家简单截几个图:

第1帧的动画设置:

Flash8制作动态立方体Web导航菜单

第6帧的动画设置:

Flash8制作动态立方体Web导航菜单

新添加一个文字层,第1帧文字Alpha设置为0:

Flash8制作动态立方体Web导航菜单

最后一关键帧加上stop()。

Flash8制作动态立方体Web导航菜单

6、把元件放到舞台上来,命名实例名:

Flash8制作动态立方体Web导航菜单

重复上述步骤,制作另外其他电影剪辑。

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测试影片了。

新闻标题 发布 时间
Flash8制作一个动态交互的几何画板 2007年04月18日 09:54:00
Flash8制作一个简易的图片电子相册 2007年04月17日 09:24:03
Flash8制作会跳舞的星星视觉特效 2007年04月10日 11:14:47
Flash8制作不断上升的透明泡泡动画 2007年04月09日 16:48:09
Flash8制作精彩高级动态网页图片菜单 2007年04月09日 15:43:13
Flash8制作精彩的心灵运输动画效果 2007年04月06日 15:17:13
共有评论0条
更多评论..
作者信息 详细信息
评论人:
验证码:
内容:
 
about us advertisement publish conformity service cooperate associate link site map contact us help jump to the top of page