教程集 > jQuery > jquery 教程 > 正文鼠标轨迹，原理很简单

鼠标轨迹，原理很简单

发布时间：2023-12-26 编辑：jiaochengji.com

教程集为您提供鼠标轨迹，原理很简单等资源，欢迎您收藏本站，我们将为您提供最新的鼠标轨迹，原理很简单资源

提示：您可以先修改部分代码再运行

<html> <head> <title>鼠标轨迹，原理很简单</title> </head><body>图像文件:<img src="" 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>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Photoshop变换复制的原理解析分享
 Python traceback模块：获取异常信息
 如何利用canvas实现按住鼠标移动绘制出轨迹
 Python3爬虫进阶：识别极验滑动验证码
 HTML5的Canvas实现绘制曲线的方法
 Photoshop精彩例解：立体光影魔术(7)
鼠标失灵不能动怎么办？鼠标失灵解决办法总结
 几何画板工具箱常用功能使用方法介绍
 css3 html5实现太阳系行星公转动画实例
 vbscript实例-跟踪鼠标的轨迹

上一篇：用鼠标滚动页面下一篇：随鼠标变色的文字

[关闭]

鼠标轨迹，原理很简单

最近更新

浏览排行