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

2016-03-18 19:35 31 1 收藏

下面图老师小编跟大家分享Flash制作一个不错的缓动导航实例,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - FLASH 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  先看效果:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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 。
如图:
Flash制作一个不错的缓动导航实例Flash制作一个不错的缓动导航实例 
7,新建一个mc新建5个层把刚才m1-m5拖进来到分别的层上实例名分别为m0-m5 。
8,在第一帧上写上:

for (i=0; i5; 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.age30) {
   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的位置
mTulaoshi.Comy_qlX4 = [0, 22,44,66,88];//当m2,m3,m4,m5滑到左边事各m的位置
10,Ctrl+Enter测试下影片。

来源:http://www.tulaoshi.com/n/20160318/1895429.html

延伸阅读
标签: flash教程
前些日子qinni在论坛贴出了她制作的一个添色的flash小游戏,是用编程实现的,很多朋友都对这个小游戏的做法非常感兴趣,所以qinni专门为大家编写了这样的一个教程。 第一个中文的教程,大家多多指教,下面大家看到的这个动画,就是我们今天要制作的flash添色小游戏。 先用RectangleTool画两个方形(别的形状...
标签: flash教程
效果演示: [next] 制作过程: 上图中水印中遮掉的部分文字为:F11把水从库里拽到场景中 [next]
标签: Web开发
技术含量不高,主要是平时使用正则多了,在代码上调试太麻烦了,干脆做这个来试比较快~~~送给那些喜欢正则的朋友~~~ 做得头晕脑涨,实在找不出几个正则例子来给新手学习,所以现在俺里面的帮助文件里面也才三个例子而以! 由于本人的语言表达实在不怎么样,而以材料一个人制作麻烦,希望有热心人士提供经典的正则例子,最好附上详解,以便新手学习! ...
标签: Web开发
代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title日...
标签: Web开发
非常不错的一个javascript 类 代码如下: /*    *  Author:aoao  *    Homepage:http://www.loaoao.com  *  Email:loaoao@gmail.com / QQ:2222342  *  Copyright (c) 2006 aoao  *  Licensed under ...

经验教程

706

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部