鼠标轨迹，原理很简单

2007-03-08　源自:IT粉丝网　网友评论 0 条　进入视频教程

<html><head><title>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/Js|---鼠标轨迹，原理很简单</title></head><BODY>图像文件:<img src="images/cursor1.gif" width="11" height="19"><BR>请将此文件与网页文件保存在同目录下<BR><BR><SCRIPT language=JavaScript1.2>var trailLength = 8;var path = "images/cursor1.gif";var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;if (document.layers) {isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";} else if (document.all) {isIE = true;}function initTrail() {images = new Array();for (i = 0; i < parseInt(trailLength); i++) {images[i] = new Image();images[i].src = path;}storage = new Array();for (i = 0; i < images.length*3; i++) {storage[i] = 0;}for (i = 0; i < images.length; i++) {(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');}trail();}function trail() {for (i = 0; i < images.length; i++) {eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);d = d+2;}for (i = storage.length; i >= 2; i--) {;storage[i] = storage[i-2];}d = 0;clearTimeout(timer);var timer = setTimeout("trail()", 10);}function processEvent(e) {if (isIE) {storage[0] = window.event.y+document.body.scrollTop+10;storage[1] = window.event.x+document.body.scrollLeft+10;} else {storage[0] = e.pageY+12;storage[1] = e.pageX+12;   }}if (isNav) {document.captureEvents(Event.MOUSEMOVE);}if (isIE || isNav) {initTrail();document.onmousemove = processEvent;}</SCRIPT></body></html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：禁用鼠标左右键（一）
下一篇：跟随鼠标的流星

内容评论文章纠错发送朋友收藏本文

复制本文链接(URL)发送给朋友：

鼠标轨迹，原理很简单

相关内容

开发频道推荐

开发热点文章