【javascript动画系列之网页白板】javascript实现的白板(兼容ff,ie,chrome,……)

原创文章,转载请注明出处:http://www.cnblogs.com/airy/

 

移动你的鼠标……

 

  
    
< script type ="text/javascript" >
var ball;
var mouseX = 100 ;
var mouseY = 100 ;
var angle = 0 ;
var radius = 0 ;

function draw(){
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 + " px " ;
ball.style[
" top " ] = mouseY + " px " ;
}
function MousePos(e)
{
e
= e || window.event;
var x,y;
if ( ! document.all){
x
= e.pageX;
y
= e.pageY;
}
else {
x
= e.clientX + document.documentElement.scrollLeft;
y
= e.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;
draw();
}
window.onload
= function (){
document.documentElement.onmousemove
= function (e){
e
= e || window.event;
setXY(e);
};
}
</ script >

 

 

你可能感兴趣的:(JavaScript)