Js 实现文字爬楼滚动效果结合文本框_编程学院

新闻中心 News 分类>>

联系我们 Contact us

服务热线：020 88798357

地址：广州市增城区中新镇慈岭村埔咀路20号
邮箱：sales@gzdairan.cn

您所在的位置是：首页 > 新闻中心 > 网络学院 > 编程学院

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

2026-01-16 11:10:10

浏览次数：次

返回列表

<html> <head> <title>文字爬楼</title> </head><body>  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特效

下一篇：JS CSS制作饱含热情的镶边文字闪烁特效

网站首页

关于我们

产品展示

新闻中心

户外常识

在线留言

联系我们

新闻中心 News 分类>>

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

网站首页

关于我们

产品展示

新闻中心

户外常识

在线留言

联系我们

新闻中心 News 分类>>

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

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