非常不错的Flash缓动广告导航

非常不错的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测试下影片。

赞 (0)

相关推荐

  • 非常不错的Flash缓动广告导航

    非常不错的Flash缓动广告导航

    非常不错的Flash缓动广告导航  今天整理电脑看到这个效果,再重新练习了一遍 先看效果:新建一个flash名字随便了,大小588*350  : 1,把你要放的图片导到库里面 .2,新建一个mc名字为mc1, 把刚才的图片拖进来,上对齐,左对齐 .3,新建一个mc名字为color 用矩形工具拖个色条宽20 高350,然后再回到mc1新建一层,把color拖进来也是左对齐,上对齐 .4,新建一层在mc1上写上要显示的文字 .5,再在mc1上新建一层,加入一个20*350的按钮,实例名为btn .6

  • 广告切换效果(缓动切换)

    广告切换效果(缓动切换)

    主要功能: 1,自动检测广告图片个数 生产广告序列 2,缓动切换,仿原版FLASH 效果 3,自动按照设置周期播放 4,鼠标划入停止自动播放 鼠标移走恢复自动播放 其中第一个功能扩展比较实用,这样就没有必要分别 更新图片 和 图片个数了. 应用了 jQuery 的 easing 插件 贴一下程序代码 : 复制代码 代码如下: $(document).ready(function(){     var MyTime=false;    //定时器                     var p

  • js实现带缓动动画的导航栏效果

    话不多说,请看实例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> ul,li { padding: 0; margin: 0; } li { list-style: none; } #box{ height: 48px; width: 900px; bac

  • JavaScript Tween算法及缓动效果第1/2页

    我这里要教大家的是怎么利用flash的Tween类的算法,来做js的Tween算法,并利用它做一些简单的缓动效果. Tween Tween类型: Linear Quadratic Cubic Quartic Quintic Sinusoidal Exponential Circular Elastic Back Bounce ease类型: easeIn easeOut easeInOut /* 算法来源:http://www.robertpenner.com/easing/ */ var Tw

  • javascript中的缓动效果实现程序

    常见的动画有四种类型,介绍一下: linear:线性动画,即匀速 easeIn:速度从小到大,即淡入 easeOut :速度从大到小,即淡出 easeInOut:开始时速度从小到大,结束时速度从大到小,即淡入淡出 其实说到缓动,就不得不提Robert Penner,他发明了N多缓动公式,举个例子 我还是解释一下吧: 设当前变化量为X,则 t / d = X / c,所以X = c * t / d,然后X + b就可以获得当前属性值 再看一个稍复杂的: 这个有淡入效果,也就是说动画开始时,值的变化

  • tween.js缓动补间动画算法示例

    一.理解tween.js 如果看到上面的已经理解了,可以跳过下面的部分.下面为对Tween.js的解释 下面就介绍如何使用这个Tween了,首先b.c.d三个参数(即初始值,变化量,持续时间)在缓动开始前,是需要先确定好的. 首先引入一个概念就补间动画 Flash做动画时会用到Tween类,利用它可以做很多动画效果,例如缓动.弹簧等等. tween.js在Flash中可以解释为补间动画. 那么问题来了,什么是补间动画呢? 相信学过Flash的都知道补间动画是flash主要的非常重要的表现手段之一

  • jQuery 1.9.1源码分析系列（十五）动画处理之缓动动画核心Tween

    jQuery 1.9.1源码分析系列（十五）动画处理之缓动动画核心Tween

    在jQuery内部函数Animation中调用到了createTweens()来创建缓动动画组,创建完成后的结果为: 可以看到上面的缓动动画组有四个原子动画组成.每一个原子动画的信息都包含在里面了. 仔细查看createTweens函数,实际上就是遍历调用了tweeners ["*"]的数组中的函数(实际上就只有一个元素). function createTweens( animation, props ) { jQuery.each( props, function( prop, v

  • jquery缓动swing liner控制动画过程不同时刻的速度

    jQuery效果函数(slideUp().fadeIn()等)和animation()函数都接收另一个用来控制动画过程的速度的参数,这就是缓动(easing),它确定了动画过程不同时刻的速度.例如,将一个元素移过页面的时候,可能让这个元素缓慢地开始移动,然后变得很快,最后随着动画的完成再次慢下来.给动画添加缓动,使得动画在视觉上更有趣且更有动态感. jQuery只包含了两个缓动方法:swing和linear.linear方法提供了一个稳定的动画,以使得动画的每个步骤都是相同的(例如,如果要让一个

  • iOS 基本动画、关键帧动画、利用缓动函数实现物理动画效果

    iOS基本动画/关键帧动画/利用缓动函数实现物理动画效果 先说下基本动画部分 基本动画部分比较简单, 但能实现的动画效果也很局限 使用方法大致为: #1. 创建原始UI或者画面 #2. 创建CABasicAnimation实例, 并设置keypart/duration/fromValue/toValue #3. 设置动画最终停留的位置 #4. 将配置好的动画添加到layer层中 举个例子, 比如实现一个圆形从上往下移动, 上代码: //设置原始画面 UIView *showView = [[UI

  • 缓动函数requestAnimationFrame 更好的实现浏览器经动画

    写缓动函数用到requestAnimationFrame函数,之前了解过一些,但总觉得又不是很了解,所以翻译一篇老外的文章,以便学习分享. requestAnimationFrame是什么? 以前我们做动画需要一个定时器,每间隔多少毫秒就做出一些改变.现在有个好消息:浏览器厂商已经决定提供一个专门做动画的方法,即requestAnimationFrame(),而且基于浏览器的层面也能更好的进行优化.但是呢,这只是一个做动画的基础API,即不基于DOM元素的style变化,也不基于canvas,或

随机推荐