跟随鼠标的文字 – 筚路蓝缕

<style>
	.spanstyle{font-size: 9pt; position: absolute; top: -50px; visibility:visible}
</style>
<script type="text/javascript">
//IE浏览器专用
var message = "跟随鼠标的文字";
var x, y;
var step = 12;
var flag = 0;
message = message.split("");
var xpos = new Array();
for (i = 0; i <= message.length - 1; i++)
{
	xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i <= message.length - 1; i++)
{
	ypos[i] = -50;
}

function handlerMM(e)
{
	x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX + 20;
	y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY;
	flag = 1;
}

function makesnake()
{
	if (flag == 1 && document.all)
	{
		for (i = message.length - 1; i >= 1; i--)
		{
			xpos[i] = xpos[i - 1] + step;
			ypos[i] = ypos[i - 1];
		}
		xpos[0] = x + step;
		ypos[0] = y;
		for (i = 0; i <= message.length - 1; i++)
		{
			var thisspan = eval("span" + (i) + ".style");
			thisspan.posLeft = xpos[i];
			thisspan.posTop = ypos[i];
			thisspan.color = Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
		}
	}
	else if (flag == 1 && document.layers)
	{
		for (i = message.length - 1; i >= 1; i--)
		{
			xpos[i] = xpos[i - 1] + step;
			ypos[i] = ypos[i - 1];
		}
		xpos[0] = x + step;
		ypos[0] = y;
		for (i = 0; i < message.length - 1; i++)
		{
			var thisspan = eval("document.span" + i);
			thisspan.left = xpos[i];
			thisspan.top = ypos[i];
			thisspan.color = Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
		}
	}
}
for (i = 0; i <= message.length - 1; i++)
{
	document.write(" <span id = 'span" + i + "'class = 'spanstyle' > ");
	document.write(message[i]);
	document.write(" </span>");
}
if (document.layers)
{
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

function pageonload()
{
	makesnake();
	window.setTimeout("pageonload();", 2);
} 
</script>
<body bgcolor="#FFFFFF" text="#000000" link=" #000000" vlink="#000000" alink="#000000" onload=" javascript:pageonload();">
一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31
发表回复 取消回复

相关文章

发表回复取消回复
