兄弟,俺发现了点问题:
{
.spanstyle{color:000000;font-size:10pt; postion:absolute; top -50px ; visibility:visible
}
中的postion应该改为positionfor(i=0;i<message.length-1;i++) 应该改为 for(i=0;i<=message.length-1;i++)另外代码顺序应调整,请参考:
<html>
<head>
<style type = "text/css">
.spanstyle
{
color:000000;font-size:10pt; position:absolute; top -50px ; visibility:visible
}</style><script language = "javascript">
var x,y;
var step = 18;
var flag = 0;
var message = "★欢迎来到3202寝室★" ;message = message.split("");
var xpos = new Array();
var ypos = new Array();
for(i = 0; i<=message.length-1 ;i++)
{
xpos[i] = -50;
ypos[i] = -50;
}function movehandler(e)
{
x = (document.layers) ? e.pageX : document.body.scrollLeft+ event.clientX;
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];
}
}
var timer = setTimeout("makesnake()",30);
}</script>
</head><body bgcolor = "00ffff" onLoad = "makesnake()">
<script language = "javascript">
//为每个字生成一个span作为容器
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 = movehandler;
</script>
</body>
</html>