响应鼠标的图片淡出入效果(原创)
1.新建一个文档,所有的设置均保持默认;
2.导入一张图片到库里,然后新建一个影片剪辑类型的元件,名称为pic0,把这张图片从库里拖到舞台上,然后对齐在舞台中央 ;
3.再建一个影片剪辑类型的元件,名称为pic1,从库里把pic0拖入到舞台中央,然后在第20帧插入关键帧,选中第1帧点右键,创建补间动画,将第1帧的pic0的alpha设为0,然后分别在第1帧和第20帧加入代码stop();
4.回到主场景中来,将pic1拖入主场景来,实例名为pic1,选中该影片剪辑,打开动作-影片剪辑面板,加入以下代码
onClipEvent (enterFrame) {
this.onRollOver = function() {
_root.flag = 1;//
};
this.onRollOut = function() {
_root.flag = 0;
};
if (_root.flag == 1) {
_root.pic1.nextFrame();
}
if (_root.flag == 0) {
_root.pic1.prevFrame();
}
}
this.onRollOver = function() {
_root.flag = 1;//
};
this.onRollOut = function() {
_root.flag = 0;
};
if (_root.flag == 1) {
_root.pic1.nextFrame();
}
if (_root.flag == 0) {
_root.pic1.prevFrame();
}
}
5.新建一层,然后加一个装饰用的边框就可以了,
6.按ctrl+enter测试影片,用鼠标划过就可以看到效果了
