简单使用Mouse事件制作拖动效果
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-11
这只是个简单的拖动效果... 主要是使用监听鼠标事件就可以达到这个效果 点击浏览该文件 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://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于简单使用Mouse事件制作拖动效果的所有评论