JavaScript 跳跳球效果模拟

[ 收藏 ] [ 被评次 ] ℃

<p>
<meta content="no" http-equiv="imagetoolbar" /><style type="text/css">
body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top:0; width:100%; height:100%;}
img {position:absolute;left:-1000;}</style><script type="text/javascript"><!--
o   = new Object();
xm  = ym = 0;
K   = 0;
M   = 1;
img = 0;

document.onmousemove = function(e){
	if (window.event) e = window.event;
	xm = (e.x || e.clientX);
	ym = (e.y || e.clientY);
	M  = 0;
}
function resize() {
	nx = document.body.offsetWidth;
	ny = document.body.offsetHeight;
}
onresize = resize;

// 
obZ = function(N,img,imgS) {
	this.N  = N;
	this.W  = (N==0)?0:img.width/2;
	this.x  = xm/2;
	this.y  = -this.W;
	this.vx = 6;
	this.vy = 0;
	this.O = document.createElement("img");
	this.O.src = img.src;
	this.O.style.zIndex = 1000-this.W;
	document.getElementById("SF").appendChild(this.O);
}

onload = function() {
	img = document.getElementById("images").getElementsByTagName("img");
	resize();
	xm = nx / 2;
	ym = -1000;
	creaTobZ(0);
	setTimeout("creaTobZ(0)",500);
	for(var i=0;i<20;i++)setTimeout("creaTobZ("+(1+(i%(img.length-1)))+")",(i+10)*500);
	mainloop();
}
//-->
</script></p>
<div id="SF" style="position: absolute; top: 0px; ledt: 0px"> </div>
<div id="images" style="visibility: hidden"><img alt="" src="/images/tx/c1.gif" /> <img alt="" src="/images/tx/c2.gif" /> <img alt="" src="/images/tx/c3.gif" /> <img alt="" src="/images/tx/c3.gif" /> <img alt="" src="/images/tx/c4.gif" /> <img alt="" src="/images/tx/c4.gif" /> <img alt="" src="/images/tx/c4.gif" /> <img alt="" src="/images/tx/c4.gif" /></div>

提示：部分代码无法运行预览时，请按说明调试代码。
您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

www.zlc●●l.c０m