Flash制作一个不错的缓动导航实例

导航

   今天整理电脑看到这个效果,再重新练习了一遍。

  先看效果:

  新建一个flash名字随便了,大小588*350  :

1,把你要放的图片导到库里面 。
2,新建一个mc名字为mc1, 把刚才的图片拖进来,上对齐,左对齐 。
3,新建一个mc名字为color 用矩形工具拖个色条宽20 高350,然后再回到mc1新建一层,把color拖进来也是左对齐,上对齐 。
4,新建一层在mc1上写上要显示的文字 。
5,再在mc1上新建一层,加入一个20*350的按钮,实例名为btn 。
6,重复以上步骤把建5个mc, 名字分别为mc1-mc5 。
如图:
 
7,新建一个mc新建5个层把刚才m1-m5拖进来到分别的层上实例名分别为m0-m5 。
8,在第一帧上写上:

for (i=0; i<5; i++) {
 this["m"+i]._x = _root.my_qlX0[i];
 var btnNum = this["m"+i].btn;
 btnNum.Mnum = i;
 btnNum.onRollOver = function() {
  this._parent._parent.m1.MoveTo(0.200000, _root["my_qlX"+this.Mnum][1]);
  this._parent._parent.m2.MoveTo(0.200000, _root["my_qlX"+this.Mnum][2]);
  this._parent._parent.m3.MoveTo(0.200000, _root["my_qlX"+this.Mnum][3]);
  this._parent._parent.m4.MoveTo(0.200000, _root["my_qlX"+this.Mnum][4]);
 };
}
9,然后把这个mc拖到场景里面在第一帧写上:
MovieClip.prototype.smoothMove = function(sp, tx) {
 this._x = this._x+sp*(tx-this._x);//缓动
};
MovieClip.prototype.MoveTo = function(sp, sx) {
 this.age = 0;
 this.onEnterFrame = function() {
  if (this.age<30) {
   this.smoothMove(sp, sx);
  } else {
   delete onEnterFrame;
  }
  this.age++;
 };
};
//坐标控制
my_qlX0 = [0, 500,522,544,566];//[m1开始位置,m2在右边的位置,m3在右边的位置]
my_qlX1 = [0, 22,522,544,566];//当m2滑到左边事各m的位置
my_qlX2 = [0, 22,44,544,566];//当m2,m3滑到左边事各m的位置
my_qlX3 = [0, 22,44,66,566];//当m2,m3,m4滑到左边事各m的位置
my_qlX4 = [0, 22,44,66,88];//当m2,m3,m4,m5滑到左边事各m的位置
10,Ctrl+Enter测试下影片。

时间: 2024-12-22 18:50:56

Flash制作一个不错的缓动导航实例的相关文章

用Flash制作一个跳动的黄色笑脸小球

  现在flash已经覆盖了网络的各个方面,很多人看了网上动画之后都想学学,网上多数是视频,教程繁琐记不住,这次您就和编一步步去做就可以了.今天为大家带来用Flash制作一个跳动的黄色笑脸小球,教程比较基础,很适合新手来学习,感兴趣的朋友来学习吧! 方法/步骤 第一步打开Flash软件 选3.0或是2.0都是可以的 里小编我就选3.0吧.要是没有的话 百度上下一个. 在这里我们点"舞台"把颜色改成黑色就可以了,上面的数字是步骤 选好了之后我们回到工作场景中去 首先我们要画一个球 在文件

flash制作一个简单的音乐动画教程

  很多同学都对Flash感兴趣 ,下面小编就教教大家如何用flash做一个简单的动画. 通过这个设计充分地将FLASH动画的现况分析出来了,本设计是根据选定音乐.人物的设定.剧本的创作.场景的布置等.首先就是选歌,一部好的MTV就得有一首贯穿全场的好歌,其次就是根据歌意确定主题和场景的布置,最后围绕剧情制造出MTV. 工具/原料 Flash PS 一首自己感兴趣的歌 素材照片 方法/步骤 1.2 Flash软件的特点 FLASH的全称是Macromedia flash,后来又被adobe收购了

Flash制作用键盘方向键控制的动画实例

方向|控制 今天为大家用Flash制作一个用键盘方向键控制的动画,动画的效果你可以直接点动画后,然后按键盘上的方向键可以看到效果!希望大家喜欢. 点击这里下载源文件 1.创建Flash文档,大小为250x190.然后把实现准备好的图片素材导入到舞台.然后按Ctrl+F8创建一个新的元件,类型Movie Clip ,然后添加一个层,分别命名为:images和Script,效果如下图所示: 2.然后把该MC放到舞台上,用鼠标单击,然后命名一个实例名square: 3.下面我们给影片剪辑的script

Flash基础理论课 第八章 缓动与弹性运动Ⅰ

返回"Flash基础理论课 - 目录" 很难相信我们居然用了七章才把基础的内容介绍完,现在进入第八章,这里是高级内容的起点.从这里开始内容也开始变得越来越有趣了,前面的章节都是些常用的概念与技术.从今天开始,每章只着重介绍一两种特殊的运动. 本章将介绍缓动运动(成比例速度)与弹性运动(成比例加速度),不用担心它们只是两个名词术语,这章可以快速地略读.我会给出很多例子程序,可以使大家充分了解这项技术的强大. 成比例运动 缓动(ease)与弹性(spring)联系紧密.这两种方法都是将对象

Flash基础理论课 第八章 缓动与弹性运动Ⅲ

返回"Flash基础理论课 - 目录" 弹簧链 下面我们将几个弹性小球串联起来.在介绍缓动一节时,我们简单地讨论了鼠标跟随的概念,意思是说一个物体跟随鼠标,另一个物体再跟随这个物体,依此类推.当时没有给大家举例子,是因为这个效果现在看来有些逊色.但是,当我们在弹性运动中使用这个概念时,效果就截然不同了. 本程序的设计思想:创建三个小球,名为ball0,ball1,ball2.第一个小球,ball0的动作与上面例子中的效果是相同的.ball1向ball0 运动,ball2向ball1 运

Flash基础理论课 第八章 缓动与弹性运动Ⅱ

返回"Flash基础理论课 - 目录" 弹性运动 一直以来,我都认为弹性运动将是ActionScript 动画中最强大和最有用的物理学概念.几乎所有的物体都可以使用弹性运动.下面就来看看什么是弹性运动以及在Flash 编程中的应用. 如同本章开始时所提到的,弹性的加速度与物体到目标点的距离成正比例.想象一下现实中弹簧的性质.把一个小球拴在橡皮圈一头,再将另一头系在一个固定的地方.当小球悬在半空时,在没有施加外力的情况下,小球就处在目标点的位置上.再将小球微微拉动,松手后橡皮圈会对其施加

flash制作一个完整的loading

核心提示:flash如何用AS3制作一个完整的loading loading这个东西,说穿了其实是给用户反馈的一种表现形式,在客户端中的loading,通常以鼠标的手型变化来表现:而在web端,loading的创意则层出不穷了,而且给用户的反馈更好.本文将主要阐述在flash中制作loading的一些问题. 先来看看loading的原理.在flash中,制作loading的目的是为了预先加载一部分内容(你可以选择全部加载完毕,或者加载一部分之后),然后再把flash的主要内容展示出来.一般来讲,

Flash制作一个精美的课件退出窗口

    作者:安徽省潜山中学 王晓苏 为了方便用户使用,课件中都应该有一个[退出]按钮.但为了防止误操作,应在单击该按钮时出现一个对话框窗口,让用户选择是否真的退出.在Flash中,我们可以很容易地制作一个类似于Windows XP"关闭计算机"的精美退出窗口(图1). 图1 制作思路:先制作对话框窗口的背景面板,再制作两个按钮,然后加入命令. 制作方法如下: 1. 启动Flash MX,选择"插入→新建元件"命令打开"创建新元件"对话框,在&q

PHP开发制作一个简单的活动日程表Calendar_php实例

材料取之深入PHP与JQuery开发,这本书实际上就是讲述一个活动日程表. 此文章适合从其它语言(如java,C++,python等)转到php,没有系统学习php,或者是php初学者,已经对程序有较深理解的朋友 以上为文件目录结构,public为程序根目录,目的是为了安全方面的考虑,把核心程序放在外界访问不到的地方. 本地的演示地址为:http://localhost/index.php 首先是数据库的脚本: /* Navicat MySQL Data Transfer Source Serv