Js 实现文字爬楼滚动效果结合文本框

时间：2021-02-09 14:31:52|栏目：JavaScript代码|点击：次

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

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：js移动端事件基础及常用事件库详解

栏目：JavaScript代码

下一篇：javascript 模拟JQuery的Ready方法实现并出现的问题

本文标题：Js 实现文字爬楼滚动效果结合文本框

本文地址：http://www.codeinn.net/misctech/59645.html

更多JavaScript代码

JavaScript代码

Js 实现文字爬楼滚动效果结合文本框

阅读排行

推荐教程

JavaScript代码

Js 实现文字爬楼滚动效果 结合文本框

阅读排行

推荐教程

Js 实现文字爬楼滚动效果结合文本框