本文提供一段基于JavaScript实现的文本框内文字滚动(跑马灯)效果代码。通过设置消息变量、时间间隔及定时器函数,实现指定文本在输入框内的持续移动展示。用户可直接复制代码并根据需求自定义显示文字内容,适用于简单的信息提示场景。
JavaScript文本框滚动效果实现
本文详细介绍如何使用JavaScript实现文本框内的文字滚动效果,即常见的跑马灯功能,供读者参考学习。
具体运行效果如下图所示:

提示:直接复制下方提供的代码即可运行,用户可根据需要自行修改显示的文字内容。 以下是实现该效果的JavaScript代码示例:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框走动跑马灯代码</title>
</head>
<SCRIPT Language="JavaScript">
var msg="欢迎访问本站 www.jb51.net";
var interval = 100;
var space10="";
var seq=0;
function Scroll() {
document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
seq++;seq++;
if ( seq > msg.length ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
</SCRIPT>
<BODY OnLoad="Scroll();" >
<CENTER><FORM Name=tmForm>
<INPUT Type=Text Name=tmText Size=45>
</FORM></CENTER>
<body>
</body>
</html>
以上即为JavaScript实现文本框文字滚动效果的完整代码,希望能满足您的使用需求。