javascript动画之圆形运动,环绕鼠标运动作小球


代码如下:

复制代码 代码如下:

<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



相关阅读:
口令中包含@导致无法连接数据库的解决方法
msxml3.dll 错误 ''800c0005''解决方案
综合图片计数器
Access数据库的安全方式
Javascript私有成员的实现方式
asp.net gridview强制换行
让mayfish支持mysqli数据库驱动的实现方法
连接到txt文本的超链接,不直接打开而是点击后下载的处理方法
VBS教程:函数-DateSerial 函数
Win 2003下编辑组策略对象上的安全设置
Javascript 使用function定义构造函数
Javascript实现表格的全选框
快速掌握外键约束和参绍约束
js 对象外部访问或者调用问题
快速导航

Copyright © 2016 phpStudy |