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


Posted in Javascript onJuly 20, 2010

代码如下:

<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
Javascript 相关文章推荐
自己整理的一个javascript日期处理函数
Oct 16 Javascript
js函数排序的实例代码
Jul 01 Javascript
javascript制作的简单注册模块表单验证
Apr 13 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
Jan 05 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
详解mpvue小程序中怎么引入iconfont字体图标
Oct 01 Javascript
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
js实现3D旋转效果
Aug 18 Javascript
vue实现抽屉弹窗效果
Nov 15 Javascript
根据出生日期自动取得星座的js代码
Jul 20 #Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
Jul 20 #Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 #Javascript
js下写一个事件队列操作函数
Jul 19 #Javascript
js+css在交互上的应用
Jul 18 #Javascript
基于jQuery试卷自动排版系统
Jul 18 #Javascript
Date对象格式化函数代码
Jul 17 #Javascript
You might like
PHP实现今天是星期几的几种写法
2013/09/26 PHP
PHP中使用break跳出多重循环代码实例
2015/01/21 PHP
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
禁止空格提交表单的js代码
2013/11/17 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
2015/09/09 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
浅谈layui分页控件field参数接收对象的问题
2019/09/20 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
vue实现登录功能
2020/12/31 Vue.js
python生成随机图形验证码详解
2017/11/08 Python
Python 使用PIL numpy 实现拼接图片的示例
2018/05/08 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
python3 动态模块导入与全局变量使用实例
2019/12/22 Python
Python3 读取Word文件方式
2020/02/13 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
浅谈Python爬虫原理与数据抓取
2020/07/21 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
业务经理岗位职责
2013/11/11 职场文书
《桃花心木》教学反思
2014/02/17 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
六一儿童节活动总结
2014/08/27 职场文书
秋季运动会演讲稿
2014/09/16 职场文书
党员教师个人对照检查材料范文
2014/09/25 职场文书
2014年环境整治工作总结
2014/12/10 职场文书
刘公岛导游词
2015/02/05 职场文书
2015年乡镇人大工作总结
2015/04/22 职场文书
军训通讯稿范文
2015/07/18 职场文书
消防演习感想
2015/08/10 职场文书