图片随鼠标反向缓冲

var sp:Sprite = new Sprite();
sp.graphics.beginFill(0,0.8)
sp.graphics.drawCircle(0,0,10);
sp.graphics.endFill();
sp.x=stage.stageWidth/2;
sp.y=stage.stageHeight/2;
addChild(sp);
var mousex:int;
var mousey:int;
mousex = mouseX;
mousey = mouseY;
stage.addEventListener(MouseEvent.MOUSE_MOVE,MouseMove);
function MouseMove(e:MouseEvent)
{
        (sp.x > 0) ? sp.x -= mouseX-mousex : sp.x = 0;
        (sp.x<stage.stageWidth) ? sp.x -= mouseX-mousex : sp.x = stage.stageWidth;
        (sp.y > 0) ? sp.y -= mouseY-mousey : sp.y = 0;
        (sp.y < stage.stageHeight) ? sp.y -= mouseY-mousey : sp.y = stage.stageHeight;
        mousex = mouseX;
        mousey = mouseY;
}

 

 

 

 

package {
        import flash.events.MouseEvent;
        import flash.events.Event;
        import fl.transitions.Tween;
        import fl.transitions.easing.*;
        public class bgControl {
                public var _mouseX:uint;
                public var _mouseY:uint;
                public var _followSpList:Array=new Array;
                public var pic:Object;
                public var bloone:Boolean=false;
                public var canshu:uint;
                private var Boolean_chu:Boolean
                private var stageW:uint;
                private var stageH:uint;
                private var picW:uint;
                private var picH:uint;
                public function bgControl() {
                        Boolean_chu=false;
                        Theinit(pic)//舞台创建图片实例,pic图片超大
                }
                public function Theinit(pic) {
                        pic.addEventListener(MouseEvent.MOUSE_MOVE,mousemove);
                }
                public function mousemove(e) {
                        var _l0=e.target.parent
                        if (Boolean_chu==false) {
                                stageW=e.target.root.stage.stageWidth;
                                stageH=e.target.root.stage.stageHeight;
                                picW=_l0.width;
                                picH=_l0.height;
                                Boolean_chu=true;
                        }
                        var xTween:Tween = new Tween(_l0, "x", Regular.easeOut, _l0.x,-e.target.root.mouseX / stageW * (picW - stageW), 0.5, true);
                        var yTween:Tween = new Tween(_l0, "y", Regular.easeOut, _l0.y,-e.target.root.mouseY / stageH * (picH - stageH), 0.5, true);
                        e.updateAfterEvent();
                }
        }
}

时间: 2024-11-01 01:44:46

图片随鼠标反向缓冲的相关文章

js实现精美的图片跟随鼠标效果实例

  本文实例讲述了js实现精美的图片跟随鼠标效果实现方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69

javascript实现图片跟随鼠标移动效果的方法

  本文实例讲述了javascript实现图片跟随鼠标移动效果的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="

js实现背景图片感应鼠标变化的方法

 这篇文章主要介绍了js实现背景图片感应鼠标变化的方法,实例分析了javascript针对鼠标事件与css样式图片的操作技巧,需要的朋友可以参考下     本文实例讲述了js实现背景图片感应鼠标变化的方法.分享给大家供大家参考.具体分析如下: 鼠标点击后背景图片变化,点击另外一个菜单项前面的会自动恢复背景,其实这个如果单纯使用CSS是没办法做的,我们还要使用JS来判断鼠标状态,代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 2

图片旋转,鼠标滚轮缩放,镜像,切换图片js代码

demo下载地 址:http://download.csdn.net/detail/cometwo/9404811 感谢博客:http://www.cnblogs.com/cloudgamer/archive/2010/08/16/ImageTrans.html <!DOCTYPE html> <html lang="zh-cn"> <head> <title>图片旋转,鼠标滚轮缩放,镜像,切换图片</title> <m

急求俩个图片当鼠标放上去时图片就能转换 谢谢在线等

问题描述 急求俩个图片当鼠标放上去时图片就能转换谢谢在线等 解决方案 解决方案二:Control.OnMouseMovie解决方案三:或Control.OnMouseEnter解决方案四:给个完整的列子吧本人新手谢谢解决方案五:用JS做吧,这是我知道的方法,去网上一收就行了,那上面有解决方案六:写成一个循环,循环读取所有图片,把图片路径赋值给控件,当然是在OnMouseMovie时调用方法解决方案七:谢谢那我去收索下要是没找到还的麻烦你解决方案八:谁能给写下源码小弟在此谢谢了我是真不会写了解决方

js实现精美的图片跟随鼠标效果实例_javascript技巧

本文实例讲述了js实现精美的图片跟随鼠标效果实现方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>精美js鼠标跟随代码</title> </head> <body> <script> A=doc

图片通过鼠标左右翻动的代码

问题描述 图片通过鼠标左右翻动的代码,就像QQ空间的相册那样,鼠标放上去出现左右的箭头. 解决方案 解决方案二:可以放2个层,在2个层上加上对应的事件就可以解决方案三:你也可以通过SilverLight实现那样的动画效果.

jquery实现图片列表鼠标移入微动_jquery

本效果使用jQuery和CSS实现了图片列表,当鼠标移入时图片向左微动,移出则复原. 其中的jQuery事件使用mouseenter 和 mouseleave ,事件绑定方法使用新推荐的on方法. 代码如下: <!DOCTYPE html> <html> <head><meta name="viewport" content="width=device-width, initial-scale=1" /> <ti

js实现背景图片感应鼠标变化的方法_javascript技巧

本文实例讲述了js实现背景图片感应鼠标变化的方法.分享给大家供大家参考.具体分析如下: 鼠标点击后背景图片变化,点击另外一个菜单项前面的会自动恢复背景,其实这个如果单纯使用CSS是没办法做的,我们还要使用JS来判断鼠标状态,代码如下: <style type="text/css"> .dh a{ background:#FFFFCC; width:50px; height:30px; display:block; text-align:center; color:#0000