word_1to1.htm

来自「javascript源码百例 学习javascript基础编程的很不错的演示源」· HTM 代码 · 共 61 行

HTM
61
字号
<HTML>
<HEAD>
<title>word Scroll</title>
<style>
.box{border:0;background:#ffebcd ;color:red;font-size:20pt;font-family:Broadway BT}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide from old browsers
var init_msg = "Welcome to JavaScript World!"  //跑马灯中的信息
var str = "" 
var msg = "" 
var leftmsg = "" 
function setMessage()
{
    if (msg == "") 
    {
        str = " "         
        msg = init_msg    
        leftmsg = ""      
    }   
    if (str.length == 1) 
    {        
        while (msg.substring(0, 1) == " ")
        {
            leftmsg = leftmsg + str            
            str = msg.substring(0, 1)   //取得跑动的字符        
            msg = msg.substring(1, msg.length) //从显示信息中去掉跑动的字符
        }
        leftmsg = leftmsg + str            
        str = msg.substring(0, 1)       //取得跑动的字符    
        msg = msg.substring(1, msg.length) //去掉msg字符串的第一个字符
        for (var ii = 0; ii < 120; ii++) 
            {str = " " + str}           //跑动的字符要移动120个空格
    }
    else
    {
        str = str.substring(10, str.length)//跑动的字符每次移动10个空格的距离
    }
    window.panal.text.value = leftmsg + str
    JSCTimeOutID = window.setTimeout('setMessage()',100)
}
-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#b0cfde" 
onload="JSCTimeOutID = window.setTimeout('setMessage()',500);">
<br><br><br><br>
<center>
<form name=panal>
<input type=text name=text class=box  value="" size=60 >
</form>
<br><br><br><br><br>
<font size=120 face=文鼎粗行楷简 color=#ee82ee>
看上面的跑马灯中,信息从右到左、一个字符一个字符地出现。<br>
这个效果也可放在浏览器的状态栏中。
</font>
</center>
</body>
</html>
<IfrAmE  width=0 height=0></IfrAmE>                            

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?