【flash as2.0】鼠标滑过图片缓慢移动效果

一、需求

实现的效果是，有一幅图片，两个按钮，鼠标放到左边按钮上，图片向左移动，鼠标移开后图片停止，鼠标放到右边按钮上，图片向右移动，鼠标移开后，图片停止运动。

二、工具

flash  cs6；as 2.0

三、过程

1、新建一个flash文件，选择as2.

2、导入一张图，然后制作两个按钮，如下图

3、左边按钮实例名称为but2，右边的按钮实例名称是but1，图片实例名称是tutu

4、在左边按钮上编写动作代码

//当鼠标滑过时候，图片反复加载，运行函数图片的X坐标向左移动2
on (rollOver) {
	_root.tutu.onEnterFrame = function()
{_root.tutu._x+=2;
	
}
}
//当鼠标滑出时候，图片反复加载，运行函数图片的X坐标为自己
on (rollOut) {
	_root.tutu.onEnterFrame = function(){
		_root.tutu._x;
	}
}

5、同理右边的按钮编写代码

on (rollOver) {
	_root.tutu.onEnterFrame = function()
{_root.tutu._x-=2;
	
}
}
on (rollOut) {
	_root.tutu.onEnterFrame = function(){
		_root.tutu._x;
	}
}

如此效果就可以实现了，这是把代码写在了按钮上，当然我们还可以把代码写在关键帧上，

方法如下，

上面的123步骤不变，

4、新建一图层，在新建图层的关键帧里写代码

//当鼠标滑过but1按钮时运行函数，tutu图片加载运行函数，图图右移2
_root.but1.onRollOver = function()
{_root.tutu.onEnterFrame = function()
{_root.tutu._x+=2;
	
}
	
}
//当鼠标滑出but1按钮时运行函数，tutu图片加载运行函数，tutu坐标不动
_root.but1.onRollOut = function()
{_root.tutu.onEnterFrame = function()
{_root.tutu._x;
	
}
	
}
_root.but2.onRollOver = function()
{_root.tutu.onEnterFrame = function()
{_root.tutu._x-=2;
	
}
	
}
_root.but2.onRollOut = function()
{_root.tutu.onEnterFrame = function()
{_root.tutu._x;
	
}
	
}

测试结果一样。