📄 9.1.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>垂直滚动文字</title>
</head>
<body bgcolor="#ffc0c0">
<h1>垂直滚动文字</h1><hr><center>
<script language="JavaScript">
<!--
msg ="天行健，君子以自强不息。"; //待滚动的文字
align=""; //对齐方式
speed=500; //设置滚动速度
up=true; //滚动的方向为上
spas=" ";
for (a=0;a<=3;a++) {spas+=" "}
msg=spas+msg+spas;
j=eval(-1); //j给定初始值
stop=msg.length;
document.write("<form name='form'><table border=5 cellspacing=5 cellpadding=0 bordercolorlight=#C0C0C0 bordercolordark=#008000 bordercolor=#FF0000 style='border-collapse: collapse' align="+align+">"); //设置表单格式
for (i=1;i<=5;i++) {
document.write("<tr><td><input type=text name=\"box"+i+"\" size=1 style='color: #008000; border-style: solid; border-width: 1px; background-color: #FFc0c0'>"); //依次画出5个方框
document.write("</td></tr>");
}
document.write("</table></form>");
function scrollIt() {
j++;
with (document.form) {
if ((j+5) <= stop) { //判断是否满足停止条件
box1.value = msg.charAt(j); //将第j个字符放在第1个方框中
box2.value = msg.charAt(j+1); //将第j+1个字符放在第2个方框中
box3.value = msg.charAt(j+2); //将第j+2个字符放在第3个方框中
box4.value = msg.charAt(j+3); //将第j+3个字符放在第4个方框中
box5.value = msg.charAt(j+4); //将第j+4个字符放在第5个方框中
} else
j=0; //从头开始循环
}
setTimeout("scrollIt()",speed); //按照滚动速度的设置，循环滚动字符串
}
scrollIt(); //直接调用scrollIt函数
//-->
</script>
<center>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -