论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

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

文章类别:Flash | 发表日期:2008-9-21 20:09:16

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

/UploadTeach/200705/20070509221100720.swf

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

视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058