文字滚动上楼梯、爬格子

2024-09-05 12:21:26

字体：大中小

来源：转载

供稿：网友

文字上楼梯、爬格子效果，实际上是一个文字滚动的效果，每次文字向上滚动一个字符的高度，依次类推，像爬楼梯一样，格子是由JS控制生成的，不需要时可以自己取掉。

<html><head><title>文字上楼梯</title></head><body><SCRIPT language=JavaScript>msg="文字滚动上楼梯、爬格子"align="left";speed=250;up=true;spas=" ";for (a=0;a<=12;a++) {spas+=" "}msg=spas+msg+spas;j=eval(-1);stop=msg.length;document.write("<form name='form'><table border=0 cellspacing=0 "+"cellpadding=0 align="+align+">");for (i=1;i<=13;i++) {document.write("<tr><td><input type=text name=/"box"+i+"/" size=1>");document.write("</td></tr>");}document.write("</table></form>");function scrollIt() {j++;with (document.form) {if ((j+12) <= stop) {box1.value = msg.charAt(j);box2.value = msg.charAt(j+1);box3.value = msg.charAt(j+2);box4.value = msg.charAt(j+3);box5.value = msg.charAt(j+4);box6.value = msg.charAt(j+5);box7.value = msg.charAt(j+6);box8.value = msg.charAt(j+7);box9.value = msg.charAt(j+8);box10.value = msg.charAt(j+9);box11.value = msg.charAt(j+10);box12.value = msg.charAt(j+11);box13.value = msg.charAt(j+12);} else {j=0;   }}setTimeout("scrollIt()",speed);	}scrollIt();// End --></SCRIPT></body></html>

上一篇：同一链接点击后打开两个不同的地址

下一篇：火焰文字，让你感觉到狂热