? 如何制作震动按钮?
解决思路
???主要的思路是利用X轴,Y轴坐标的改变来完成震动效果。
具体步骤
一个最简单的办法是在按钮的第4帧“点击”帧上放置一个按钮震动的影片剪辑。这样是可以的。但是今天我们来向大家介绍一个利用as方法实现震动按钮的效果。
1,??我们要预备5个影片剪辑,分别放置5个按钮图形。如图1所示。
图1??绘制按钮图形
2,??把这5个影片剪辑分别从库中拖放到场景中,按照顺序排列。在下面的属性面板中分别命名为M0,M1,M2,M3,M4。如图2所示。
图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,好了,我们测试效果吧。请参看源文件震动按钮.fla
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |