开源脚本 BugController 可在网页上添加爬行虫子动画

new BugController({'minBugs':10, 'maxBugs':50, 'mouseOver':'die'}); 或者使用蜘蛛（辅助类，会加载蜘蛛的默认设置——除此之外代码相同） new SpiderController(); 参见 example.html BugController 构造函数可以选择接收一个选项对象。为了让这个 js 更适合异步加载，你可以在 bug.js 顶部调整默认选项，然后像上面那样在文件底部进行实例化。这样可以让人把整个脚本包在闭包里，避免任何全局 window 命名空间冲突。或者你也可以用常见的异步模式来加载： var targethead = window.document.getElementsByTagName("head")[0], loadedSpiders = false, jst = window.document.createElement("script"); jst.async = true; jst.type = "text/javascript"; jst.src = "/path/to/bug-min.js"; jst.onload = jst.onreadystatechange = function() { if (!loadedSpiders && (!this.readyState || this.readyState == 'complete')) { loadedSpiders = true; // 开始触发 JS。 new BugController(); }; targethead.appendChild(jst); 选项 minDelay - 虫子出现在页面上之前的最小延迟。（默认值：500） maxDelay - 虫子出现在页面上之前的最大延迟。（默认值：10000） minBugs - 显示的最少虫子数量。（默认值：1） maxBugs - 显示的最多虫子数量。（默认值：20） minSpeed - 虫子的最低速度，单位不特定。（默认值：1） maxSpeed - 虫子的最高速度，单位不特定。（默认值：3） imageSprite - 苍蝇精灵图的位置。（默认值：'fly-sprite.png'） fly_width - 苍蝇精灵单元格的宽度，同时也是 div 宽度。（默认值：13） fly_height - 苍蝇精灵单元格的高度，同时也是 div 高度。（默认值：14） num_frames - 精灵行走动画的帧数。（默认值：5） monitorMouseMovement - 如果启用，会向 window 添加一个 mousemove 事件，用于检测光标是否靠近苍蝇。最好保持关闭。（默认值：false） eventDistanceToBug - 如果启用了 monitorMouseMovemenet，这是以像素为单位的、触发“靠近虫子”事件的距离。（默认值：40） minTimeBetweenMultipy - 在“multiply”模式下，这是两次繁殖事件之间的最小时间（毫秒）。（默认值：1000） mouseOver - 鼠标位于（或靠近）苍蝇上方时执行什么操作。可以是 'fly'、'flyoff'（如果虫子能飞）、'die'、'multiply' 或 'random'。参见“模式”。（默认值：random） canFly - 是否允许飞行模式，以及是否使用展翅动画（精灵图的第二行，默认值：true）。 canDie - 是否允许虫子“死亡”——需要精灵图底行有死亡版本。（默认值：true） zoom - 缩放虫子的最小量，满值为 10。因此 zoom 为 5 时，会为每只虫子的大小在 1/2 到 1 之间随机选择一个缩放（css scale）值。（默认值：10——不缩放） maxLargeTurnDeg - 进行大转弯时，最多转动的度数。（默认值：150） maxSmallTurnDeg - 进行较小转弯时，最多转动的度数。（默认值：10） maxWiggleDeg - 在屏幕上摆动时，最多转动的度数。（默认值：5） 模式 random：每次鼠标悬停/靠近事件时，随机选择其他模式之一 fly：虫子会飞到页面上的另一个随机点 flyoff：虫子会飞出屏幕……然后慢慢返回 multiply：虫子会生成一只新虫子，然后两只都会飞到页面的其他部分 nothing：什么都不做 die：虫子会被击死，并掉到页面底部 致谢 Original Screen Bug http://screen-bug.googlecode.com/git/index.html