注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

★柳暗花明★

似水年华,诠释着无力的永恒······

 
 
 

日志

 
 

FLASH制作弹性按钮(附flash)  

2010-09-16 14:37:04|  分类: Action Script 3 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

软件:Flash MX 2004或者Flash 8 或者Adobe Flash CS4

效果:我们要做一个弹性按钮,鼠标移动到按钮上,他就有弹性的变大,鼠标移开时,则弹性变小。

原理:首先我们要订出,鼠标放到mc上的最大值,设置初始值。弹性的设置阻力,弹性的速度。订出了这个效果的初始值,然后要计算出大小循环也就是让按钮有弹性而不是没有弹性的慢慢变大。

做法:画一个方形(随意什么形状)保存为MC(影片剪辑)

onClipEvent (load)

{
      function abc()

       {
           xskal = 150;
           yskal = 150;                                 //鼠标放到mc上的最大值
           sX = 0;
           sY = 0;                                         //设置初始值
          multiplikator = 0.9;                        //设置阻力的 越大就弹的越多
          ratio = 0.3;                                    //速度
       }


     function cba()

      {
              xskal = 100;
              yskal = 100;
              sX = 0;
              sY = 0;
             multiplikator = 0.9;
             ratio = 0.3;
        }


      function dy()

     {
          onEnterFrame = function ()

         {
            sX = sX*multiplikator+((xskal-this._xscale)*ratio);
            sY = sY*multiplikator+((yskal-this._yscale)*ratio);

                                                                        // 大小循环(就是弹性)=0×阻力+((mc的最大值-mc的缩放属性)×速度)
            this._xscale = this._xscale+sX;
            this._yscale = this._yscale+sY;            // mc的缩放属性=mc的缩放属性+弹性
         };
     }
}


on (rollOver)

{  //鼠标移动到按钮上
     this.swapDepths(2);        //弹起的按钮在最上层,可参见AS2.0字典
     abc();                              //执行function abc()
     dy();                                //执行function dy()
}


on (rollOut)

{   //鼠标从按钮上移开
   this.swapDepths(1);          //没弹起的按钮在最下层
   cba();                                //执行function cba()
   dy();                                  //执行function dy()
}

  评论这张
 
阅读(449)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017