[教程]简单使用Mouse事件制作拖动效果

super-tomato

这只是个简单的拖动效果... 主要是使用监听鼠标事件就可以达到这个效果

作者：Super-Tomato


Flash: http://www.flash8.net/bbs/UploadFile/2004-7/200472911343213.swf

createEmptyMovieClip("pic", 0); //建立一个MC以作为载入图片
icon.swapDepths(1); //一个拖动时出现的小图片...为了要让他在最顶, 所以调整深度
pic._x = bg._x - 40; //调整图片显示的位置
pic._y = bg._y - 40;
icon._visible = false; //设定小图片一开始不显示
datas = new Array("yuan.jpg", "steven.jpg", "boy.jpg", "girl.jpg" ); //以数组储存图片名，或从外部载入
for (var i = 1; i<=datas.length; i++) { //把图片名加入List组件中
list.addItem({label:"图片 "+i, data:"http://www.super-tomato.com/pic_file/"+datas[i-1]});
} obj = new Object(); //设定物件监听事件
obj.change = function(eventObj) { //change事件是发生在滑鼠放开之后
if (bg.hitTest(_xmouse, _ymouse)) { //判断鼠标的位置是否在放映图片的区域内
pic.loadMovie(eventObj.target.value); //载入图片
}
};
list.addEventListener("change", obj); onMouseDown = function () { //滑鼠按下事件
if (list.hitTest(_xmouse, _ymouse)) { //判断滑鼠是否是在组件部分按下
icon._visible = true; //小图片出现
}
};
onMouseMove = function () { //滑鼠移动事件
icon._x = _xmouse; //循环设定小图片跟随鼠标
icon._y = _ymouse;
updateAfterEvent();
};
onMouseUp = function () { //滑鼠放开事件
icon._visible = false; //小图片隐藏
};

源文件：http://xenz.flash8.net/tutorial/MouseDrag.rar

hahabin

好.支持教学.  加分