快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash中震惊按钮的制作

  如何制作震惊按钮? 解决思路主要是利用X轴,Y轴坐标的改变来完成震惊效果。

  详细步骤

  一个最简朴的办法是在按钮的第4帧“点击”帧上放置一个按钮震惊的影片剪辑。这样是可以的。但是今天我们来向大家介绍一个利用as方式实现震惊按钮的效果。

  1.我们要预备5个影片剪辑,分别放置5个按钮图形。如图1所示。

  2.把这5个影片剪辑分别从库中拖放到场景中,按照顺序排列。在下面的属性面板中分别命名为M0,M1,M2,M3,M4。如图2所示。

  3. 新建图层,在第1帧添加AS:

for (var i = 0; i<5; i++) {
var tmpName = ["m"+i];
_root[tmpName].onRollOver = function() {
myName = this._name;
BTNx = _root[myName]._x;
BTNy = _root[myName]._y;
shakeItNow = setInterval(shakeIt, 10);
};
_root[tmpName].onRollOut = function() {
clearInterval(shakeItNow);
_root[myName]._x = BTNx;
_root[myName]._y = BTNy;
};
}
function shakeIt() {
_root[myName]._x = BTNx+(Math.round(Math.random())*5);
_root[myName]._y = BTNy+(Math.round(Math.random())*5);
updateAfterEvent();
}

  4.里面得主要AS:

for (var i = 0; i<5; i++) {//因为有5个按钮,所以要循环5次
 var tmpName = ["m"+i];//为按钮重命名
 _root[tmpName].onRollOver = function() {//鼠标滑过所指按钮
  myName = this._name;
  BTNx = _root[myName]._x;
  BTNy = _root[myName]._y;
//以上是定义初始位置
  shakeItNow = setInterval(shakeIt, 10);//调用函数(setInterval得用法看后面注释吧:)
 };
 _root[tmpName].onRollOut = function() {//鼠标滑出所指按钮
  clearInterval(shakeItNow);//看名字就知道是,清除一个使用 setInterval 语句
  _root[myName]._x = BTNx;//位置还原
  _root[myName]._y = BTNy;
 };
 
}
//震惊设置
function shakeIt() {
 _root[myName]._x = BTNx+(Math.round(Math.random())*5);
 _root[myName]._y = BTNy+(Math.round(Math.random())*5);
 updateAfterEvent();//刷新作用
}

  5,好了,我们测试效果吧

« Full Screen »


返回类别: Flash教程
上一教程: 用Flash 8 制作燃烧的香烟动画(4)
下一教程: 使用Flash Lite将Flash动画移植到移动电话的最佳实践

您可以阅读与"Flash中震惊按钮的制作"相关的教程:
· 动态MC按钮的制作教程
· 二合一按钮的制作
· Disabled按钮的制作方式
· 较酷的导航按钮的制作
· Flash视频教程:制作按钮
    微笑服务 优质保证 索取样品