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

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

时间: 2024-10-03 08:12:21

Flash8制作动态立方体Web导航菜单的相关文章

Flash8制作动态开门效果网页菜单

菜单|动态|网页 今天给大家讲解一个如何利用Flash制作动态网页菜单,如果好你就可以直接拿去用了!你也可以自己改进,改进好了别忘了去论坛告诉一声啊! 先看效果和源文件: 点击这里下载源文件 制作方法非常简单,在这里给大家简单的叙述一下!如果不明白就看源文件吧! 首先制作五个影片剪辑片段,说说方法,建立两个图层,下面这个图层绘制一个矩形,至于填充为什么颜色按你的喜好定就可以了!上面的图层输入要显示的文字.然后分别都在第15帧插入关键帧,下面的矩形稍微调整一下形状,上面的文字层稍微向上移动一点位置

Flash8制作渐变风格的导航菜单

菜单|导航|渐变 该网页Flash菜单有一定的用途,如果你喜欢就拿去用吧! 效果如下: 点击这里下载源文件 制作方法: 修改文档属性. 打开属性面板,设置属性如下: 绘制下面的图形. 填充矩形. 设置颜色: 从而实现渐变填充. 然后打上自己的文字介绍(独占一个图层) 然后分别转换为影片剪辑元件,分别在舞台上命名四个影片剪辑的实例名. 其它三个分别这样做.把每个渐变图形上的文字转换为影片剪辑.在这里不给大家仔细讲解如何详细制作动画了!一个层是矩形,另外一个层是文字动画,最上面层是边的动画. 其它三

WEB资源下载:动态横幅,导航菜单,照片幻灯片

文章描述:2012年36个人最喜欢的Web前端开发指南.这些指南大部分关注Web技术比如:动态横幅,导航菜单,照片幻灯片,以及表单输入效果等等. 2012年36个人最喜欢的Web前端开发指南.这些指南大部分关注Web技术比如:动态横幅,导航菜单,照片幻灯片,以及表单输入效果等等. Animated Tabs Widget Dynamic Web Banners CSS3 Animated Tooltips Radio Button Switches CSS3 Psuedo Buttons Res

jQuery结合CSS制作动态的下拉菜单_jquery

当要在一个有限的导航菜单空间放一个大的子菜单时,我们一般采用下拉菜单的形式来弥补空间的不足.本文将带大家用最少的时间,使用jQuery和CSS结合制作一个动态的下拉菜单. XHTML 首先是要在页面的head部分引入jquery库,这是必须的. <script type="text/javascript" src="js/jquery.js"></script> 接着我使用一个无序列表来构建菜单. <ul class="men

Photoshop制作游戏网站顶部导航菜单

本文将教你用Photoshop绘制一个超酷的游戏网站的顶部导航菜单,大家看下面的具体制作步骤: 最终效果如下: 首先我们准备一张素材图片: 创建一新文档,然后当作背景来使用 新建立涂层,绘制一个填充色为#050505大小为1000 x 18 px矩形.然后再建一新涂层,绘制1 px 线条,填充seiko为#0D0D0D. 添加游戏名字.

PS制作iphone风格网页导航菜单教程

教程学习如何用Photoshop打造专属于你自己的iphone风格导航菜单,主要用到了图层样式来完成的,下面让我们一起来学习吧.         三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载 先看效果图. 新建文档450x450像素,背景填充#32363c,新建图层画一个白色矩形. 把不透明度改为6%,类似下图效果. 新建图层,前景色#5b6573在顶部再画一个矩形. 分类: PS入门教程

Flash制作实用别致的导航菜单

菜单|导航 演示效果: 点击这里下载源文件 当我们点击一个按钮时,希望保持它的激活样式,让用户知道现在是处于哪个模块,并且在点击其他按钮后返回未激活的样式.有兴趣的跟我通过简单的AS代码来实现这样的效果. 1.首先在时间轴上新建一层,命名为:action;在第一帧上书写如下代码: lastMC = index;//记录当前激活按钮.function hideButton(ID) {lastMC._visible = true;onEnterFrame = function () {if (las

Ajax+XML实现动态下拉导航菜单

产品分类的XML文件 //id为自身id,pid为父级分类ID<?xml version="1.0" encoding="UTF-8" ?><Proot>       <Item id="1" pid="0">1321系列</Item>       <Item id="2" pid="1">43223系列</Item>

精彩动态导航菜单制作详解

菜单|导航|动态|详解 公式在制作特效中非常有用,著名的三星导航菜单就用到了此公式.现在许多韩国网站出尽风头,其中缓冲导航是其一大亮点.本文以一德国网站的导航为例,详解缓冲导航的制作.感谢溶剂提供的坐标算法. 本例效果预览: 制作思路 1.图片缩放控制 利用缓冲公式设置图片的缩放比例,如果鼠标滑过某图片,放大1.8倍.如果其它图片的序号与此图片的序号相差1,就是此图片两边的图片,放大1.4倍,其它的为原始大小. 2.图片坐标控制 当某图片放大时,相邻的图片的坐标等于此图片的坐标加上这两张图片的宽