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

&lt;head&gt;
&lt;style type="text/css"&gt;
 .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; color: #0000FF; font-weight:bold; }
&lt;/style&gt;
&lt;script type="text/javascript"&gt;
//IE专用
 var x, y
 var step = 20
 var flag = 0
 var message = "欢迎来枫丹白露亭！！"
 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) {
	 ee=e||event;
     x = (document.layers) ? e.pageX : document.body.scrollLeft + ee.clientX;
	 y = (document.layers) ? e.pageY : document.body.scrollTop + ee.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];
         }
     } 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];
         }
     }
     var timer = setTimeout("makesnake()", 30);
 }
&lt;/script&gt;

&lt;/head&gt;
&lt;body onload="makesnake()"&gt;
&lt;script type="text/javascript"&gt;
 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;
&lt;/script&gt;
&lt;/body&gt;

<head>

.spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; color: #0000FF; font-weight:bold; }

</style>

//IE专用

var x, y

var step = 20

var flag = 0

var message = "欢迎来枫丹白露亭！！"

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) {

ee=e||event;

x = (document.layers) ? e.pageX : document.body.scrollLeft + ee.clientX;

y = (document.layers) ? e.pageY : document.body.scrollTop + ee.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];

}

} 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];

}

var timer = setTimeout("makesnake()", 30);

}

</script>

</head>

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;

</script>

</body>

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

发表回复 取消回复

相关文章

发表回复取消回复