注册
个人空间
<html>
<head>
<style type = "text/css">
{
.spanstyle{color:000000;font-size:10pt; postion:absolute; top -50 *** ; visibility:visible
}
</style>
<script language = "javascript">
</script>
</head>
<body bgcolor = "ffffff" onLoad = "makesnake()">
<script language = "javascript">
var x,y;
var step = 18;
var flag = 0;
var message = "★欢迎来到3202寝室★" ;
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] = -200;
}
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);
}
//为每个字生成一个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>
兄弟，俺发现了点问题：
{
.spanstyle{color:000000;font-size:10pt; postion:absolute; top -50 *** ; visibility:visible
}
中的postion应该改为position
for(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 -50 *** ; 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>
| 论坛热门帖子: | [lch203] 写得蛮好的linux学习笔记(10-21) [黑马制造] 学习java的30个目标(10-19) [笑傲股林] 做测试半年了，有点迷茫，应该再学些什么提高自己的测试水平和测试能力呢？(10-19) [udp8589] 大家用google的来吱一声? 用百度的~~也来报道下?(10-18) [沂偌掳兆] 本人总结的一些认为C++比较经典的书籍，希望对大家有用(10-18) |
| TAG标签: | 地方 哪个 代码 var ypos xpos for message.length-1 |
