📄 vertical-boxes.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关

💻 HTML

字号:

<!-- 一步安装 直立式走马灯:

   1.  把数据复制到你的Html文件的Body标记下   -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<!-- 步骤一: 把以下数据复制到你的Html文件的Body标记下  -->

<BODY>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
msg ="欢迎使用《JavaScript即用特效》！";
align="center";
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>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -