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

&lt;style&gt;
	.spanstyle{font-size: 9pt; position: absolute; top: -50px; visibility:visible}
&lt;/style&gt;
&lt;script type="text/javascript"&gt;
//IE浏览器专用
var message = "跟随鼠标的文字";
var x, y;
var step = 12;
var flag = 0;
message = message.split("");
var xpos = new Array();
for (i = 0; i &lt;= message.length - 1; i++)
{
	xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i &lt;= 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 &amp;&amp; document.all)
	{
		for (i = message.length - 1; i &gt;= 1; i--)
		{
			xpos[i] = xpos[i - 1] + step;
			ypos[i] = ypos[i - 1];
		}
		xpos[0] = x + step;
		ypos[0] = y;
		for (i = 0; i &lt;= 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 &amp;&amp; document.layers)
	{
		for (i = message.length - 1; i &gt;= 1; i--)
		{
			xpos[i] = xpos[i - 1] + step;
			ypos[i] = ypos[i - 1];
		}
		xpos[0] = x + step;
		ypos[0] = y;
		for (i = 0; i &lt; 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 &lt;= message.length - 1; i++)
{
	document.write(" &lt;span id = 'span" + i + "'class = 'spanstyle' &gt; ");
	document.write(message[i]);
	document.write(" &lt;/span&gt;");
}
if (document.layers)
{
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

function pageonload()
{
	makesnake();
	window.setTimeout("pageonload();", 2);
} 
&lt;/script&gt;
&lt;body bgcolor="#FFFFFF" text="#000000" link=" #000000" vlink="#000000" alink="#000000" onload=" javascript:pageonload();"&gt;

<style>

.spanstyle{font-size: 9pt; position: absolute; top: -50px; visibility:visible}

</style>

//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>

一	二	三	四	五	六	日
	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

发表回复 取消回复

相关文章

发表回复取消回复