代码如下： 复制代码 代码如下: <script type="text/javascript"> var ball; var mouseX = 100; var mouseY = 100; var angle = 0; var radius = 50; function run(){ if(ball === undefined){ ball = document.createElement("span"); ball.style.position = "absolute"; ball.style.color = "#FF0000"; ball.style.zIndex = 999999999; ball.innerHTML = "●"; document.body.appendChild(ball); } ball.style["left"] = mouseX+(Math.cos(angle)*radius) + "px"; ball.style["top"] = mouseY+(Math.sin(angle)*radius) + "px"; angle+=0.1; } function MousePos(e) { e = e || window.event; var x,y; if(!document.all){ x = e.pageX; y = e.pageY; } else{ x = event.clientX + document.documentElement.scrollLeft; y = event.clientY + document.documentElement.scrollTop; } return {x:x,y:y}; } function setXY(e) { e = e || window.event; var pos = MousePos(e); mouseX = pos.x; mouseY = pos.y; } window.onload = function(){ setInterval(run,20); document.documentElement.onmousemove = function(e){ e = e || window.event; setXY(e); }; } </script> 作者: cnblogs airy

　　推荐阅读

　　一个可绑定数据源的jQuery数据表格插件

固定表头 列宽可调整 单击列头可排序 双击单元格可编辑 可绑定数据源 看下效果吧:HTML - 模板代码： 复制代码 代码如下: <table id="test"> <tr class="header"> <td style="width: 100px;" sort='true'> 姓名 </t>>>详细阅读

本文标题：javascript动画之圆形运动,环绕鼠标运动作小球

地址：http://www.17bianji.com/kaifa2/JS/26006.html

 1/2    1