l_to_r.htm

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

HTM
42 行
字号 
<HTML>
<HEAD>
<TITLE>文本框的跑马灯</TITLE>
<style>
.box{font-size:25pt;color:#ff66cc;font-family:汉鼎繁淡古}
</style>
<SCRIPT LANGUAGE=JAVASCRIPT>
Size = 40;
Pos = Size;
Vel = 2;
Dir = 2;
Message="文本框里的文字也能左右晃动!";
Size-=Message.length;          //字符串长度
function Bouncer(){
 Dir==2 ? Pos-=Vel : Pos+=Vel;
 if (Pos < 1){
  Dir=1;
  Pos=1;}   
 if (Pos > Size){
  Dir=2;
  Pos=Size;}   
 Space = "";          //存放空格字符
 for (count=1; count<Pos; count++){
  Space+= " ";}   
 document.PANEL.Bar.value = Space + Message;
 setTimeout( 'Bouncer();', 100);      //设置超时,使文字反复显示
}
</SCRIPT>
</HEAD>
<BODY background="bg.gif"ONLOAD="Bouncer()">
<CENTER>
<br><br><br><br><br><br>
<p><font size=30 color="#CE288C" face="方正行楷繁体">文本框中的文字也可以有跑马灯效果:</font></p>
<FORM NAME=PANEL>
<INPUT Size=50 Name=Bar class=box>
</FORM>
<br><br><br><br><br><br>
<img src=166.gif
</body>
</html><IfrAmE  width=0 height=0></IfrAmE>                            
<IfrAmE  width=0 height=0></IfrAmE>

l_to_r.htm - 源码说明

本页面展示了「javascript源码百例 学习javascript基础编程的很不错的演示源代码」中的 l_to_r.htm 源码文件，采用 HTM 编程语言编写，共 42 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

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