鼠标跟踪效果

var g = 2, st = 0, i, clearPoint = 200;
var points = new Array();
function flower() {
        for (i=0; i<Math.floor(2+Math.random()*4); i++) {
                var obj = attachMovie("flower", "flower"+points.length, points.length);
                points.push(new Array(obj, _xmouse, _ymouse, Math.floor(Math.random()*10-5), Math.floor(Math.random()*15-12), Math.floor(70+Math.random()*30)));
        }
}
function onEnterFrame() {
        trace(st+","+points.length);
        for (i=st; i<points.length; i++) {
                var tmp = points[i];
                if (tmp == null) {
                        if (i == st) {
                                st++;
                        }
                        continue;
                }
                if (tmp[5]<0) {
                        tmp[0].removeMovieClip();
                        points[i] = null;
                } else {
                        tmp[0]._alpha = tmp[5];
                        tmp[0]._x = tmp[1];
                        tmp[0]._y = tmp[2];
                        tmp[1] += tmp[3];
                        tmp[2] += tmp[4];
                        tmp[4] += g;
                        tmp[5] -= 5;
                }
        }
        if (st>clearPoint) {
                points.splice(0, st);
                st = 0;
        }
}
var obj = new Object();
obj.onMouseMove = function() {
        flower();
};
Mouse.addListener(obj);

效果如下:

时间: 2024-10-26 18:42:54

鼠标跟踪效果的相关文章

分享鼠标跟踪效果

var g = 2, st = 0, i, clearPoint = 200; var points = new Array(); function flower() {         for (i=0; i<Math.floor(2+Math.random()*4); i++) {                 var obj = attachMovie("flower", "flower"+points.length, points.length);

有趣的Flash鼠标跟随效果

跟随|鼠标 效果简介:该例在鼠标效果中是最基本的了,也是一个比较典型的鼠标实例.效果中小人的眼睛会跟随鼠标移动,这时的鼠标也变成了一串香蕉.因此,这个小人也显得垂涎欲滴. 观看效果: 点击这里下载源文件 制作要点简介: 文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句.鼠标跟随效果的基础方法,即学习_x属性,_xmouse属性等电影剪辑属性使用方法.以及如何导入素材. 制作步骤: 1.设置场景的大小为400px×30px,背景色为#00659C,帧频为12fps. 2.按快捷键

wps演示教程:鼠标悬停效果制作

新建wps演示文稿,选择模板为"流光溢彩",版式为空白板式. 依次单击"视图"-"母版"--"幻灯片母版"选项,打开母版视图,利用插入文本框,输入文字"鼠标悬停效果",调整大小,其他的都不动,关闭"母版视图". 图1 依次单击"插入"-"图片"-"来自文件"命令,打开"插入图片"对话框,按住键盘CTRL键同时

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="

JavaScript实现鼠标拖动效果的方法

  这篇文章主要介绍了最精简的JavaScript实现鼠标拖动效果的方法,可实现javascript控制鼠标拖动div层效果的方法,需要的朋友可以参考下 相对于其它的鼠标拖动效果,这款拖动特效还是比较精简的,而且它还支持鼠标吸附,不按鼠标左键它也可以会跟随鼠标移动;定义时候也相对方便,只用指定被拖动的DIV ID就可以了,扩展性很好. ? 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 3

js实现简单鼠标跟随效果的方法

 鼠标跟随,顾名思义,就是在鼠标移动的时候,有个动画跟随着鼠标一起移动. 要点一: 1 var oEvent = evt || window.event; 这个是为了兼容ie和ff而写的,在ie下window.event表示event对象,而ff下,是给事件函数传一个参数,这个参数就表示事件对象. 要点二: 1 document.onmousemove = function(evt) 鼠标跟随是在鼠标移动时发生的事情. 要点三: 1 document.documentElement.scroll

html边框,鼠标悬停效果问题

问题描述 html边框,鼠标悬停效果问题 由这个图片鼠标悬停后变成大概就是这样,求大神帮忙! 解决方案 更换下img的src或者容器背景图片 <img src=""http://img.ask.csdn.net/upload/201604/07/1460014856_882837.jpg"" onmouseout=""this.src = 'http://img.ask.csdn.net/upload/201604/07/146001485

span:hover鼠标悬停效果不成功解决方法

span:hover,想达到一个鼠标悬停效果.可是调试了半天,hover的效果就是不出现.   span{display: block; width: 110px; height: 40px;} span:hover{background: 0 -40px;} span.button-1{background:url(../images/tabs/button_1.png);} 样测试出来的结果跟我预期的不一样,我想在span.button-1定义背景图片,然后在鼠标经过时hover显示悬停效果

javascript实现简单的鼠标拖动效果实例_javascript技巧

本文实例讲述了javascript实现简单的鼠标拖动效果.分享给大家供大家参考.具体分析如下: 用鼠标拖动一个元素,放到网页的任意一个位置上,这是很常见的,例如很多博客模板版块位置可以自己拖动到相应位置. 下面先写一个简单的可以实现鼠标拖动的效果. 当鼠标按下的时候,记录鼠标当前位置和元素左边距离的差值. 当鼠标移动的时候,给元素的位置赋值,就是鼠标的位置,减去刚才的差值. 当鼠标放开的时候,给鼠标移动和鼠标放开赋值null,让它们不要再有任何动作. 要点一: disx = oevent.cli