一、知识点:
简单的AS语运用,隐形按钮的使用。
二、准备工作:
九幅大小规格相同的图片(我用的是600X500的图片);一张按钮底图。
三、步骤:
1、设文件大小属性为600X500(一般与你的图片规格相对应)。
2、导入准备好的图片。
3、新建一个影片剪辑元件"pictures",按每一层一幅图的方式,将九幅图以九方格的形式排列好。注意中间那幅图的x\y坐标为0,如下图1:

我习惯把每一个图都转化为一个影片剪辑,这步也可不做。
4、建AS层,在第一帧的动作面板输入以下语句:
x_vel = (xvel - _x) * "0.3";//0.3表示移动速度,数值在0.1至1之间
y_vel = (yvel - _y) * "0.3";
_x = (x_vel + _x);
_y = (y_vel + _y);
5、在第二帧插入空白关键帧,输入语句:
gotoAndStop(1);
play();
至此完成pictures影片剪辑。
6、新建一个"按钮图"影片剪辑,把之前准备好的图片拖入,如下图,加些特效(我把它做成旋转式),也可原图不动。
7、新建按钮元件,如下图用椭圆工具做鼠标滑过和按下的两种效果。
8、回到场景,在图层1拖入影片剪辑"pictures",命名为a,x/y的坐标为-600/-500,设置如下图:
9、锁定图层1,在图层2拖入影片剪辑"按钮图",命名为bt,摆放好位置,然后锁定图层。
10、新建图层3,拖入按钮,覆盖在按钮图的中间图中,并调整大小至适合位置。如图:
11、打开动作面板,输入以下AS语句:
(注意:一定要选中按钮而不是选中帧)
on (rollOver) {
bt.gotoAndStop(1);
}
on (release) {
a.xvel = 0;
a.yvel = 0;
}
on (rollOut) {
bt.play();
}
13、注意修改各个图的x\y坐标位置。按图的摆放位置坐标应如下图
14、再新建图层,用矩形工具画出边框,使其更加美观。摆放位置应在中间的图上。
15、完成后按ctrl+回车,测试效果。



