JavaScript数组应用可依次读取的公告栏文字

更新时间：2009年10月22日 13:07:48 作者：

一个JavaScript数组的应用例子，我们将文字存储于数组中，然后用循环依次输出这些文字，像一条一条的公告一样，不过现在都不这么用了，可以学习JS数组，算是一个实例参考。

<title>JavaScript数组文字</title> <script language="JavaScript"> var i = 0; var TextNumber = -1; var TextInput = new Object(); var HelpText=""; var Text = ""; var Speed=50; var message=0; var addPadding="\r\n"; TextInput[0] = "脚本之家庆祝日！"; TextInput[1] = "脚本之家感谢广大朋友多年来的支持……"; TextInput[2] = "我们将一如继往继续为大家奉献更好的源码资源！"; TotalTextInput = 2; // (0, 1, 2) var Version = navigator.appVersion; if (Version.substring(0, 1)==3) { Speed=200; addPadding=""; } for (var addPause = 0; addPause <= TotalTextInput; addPause++) {TextInput[addPause]=addPadding+TextInput[addPause];} var TimerId var TimerSet=false; function nextMessage() { if (!TimerSet) { TimerSet=true; clearTimeout (TimerId); if (TextNumber>=TotalTextInput) { alert("This is the end of the list!"); TimerSet=false; } else { TextNumber+=1; message=TextNumber+1; document.forms[0].elements[2].value= message; Text = TextInput[TextNumber]; HelpText = Text; } teletype(); } } function teletype() { if (TimerSet) { Text=rollMessage(); TimerId = setTimeout("teletype()", Speed); document.forms[0].elements[0].value=Text; } } function rollMessage () { i++; var CheckSpace = HelpText.substring(i-1, i); CheckSpace = "" + CheckSpace; if (CheckSpace == " ") {i++;} if (i >= HelpText.length+1) { TimerSet=false; Text = HelpText.substring(0, i); i=0; return (Text); } Text = HelpText.substring(0, i); return (Text); } function initTeleType() { Text="\r\n Manual Tele-Type Display"; document.forms[0].elements[0].value=Text; } function lastMessage() { if (!TimerSet && TextNumber!=-1) { TimerSet=true; clearTimeout (TimerId); if (TextNumber<=0) { alert("This is the beginning of the list!"); TimerSet=false; } else { TextNumber-=1; message=TextNumber+1; document.forms[0].elements[2].value= message; Text = TextInput[TextNumber]; HelpText = Text; } teletype(); } } </script> <form> <table CELLSPACING="0" CELLPADDING="0" WIDTH="420"> <tr> <td width="100%" colspan="3" valign="top"><div align="center"><textarea NAME="teletype" ROWS="3" COLS="49" wrap="yes"></textarea> </td> </tr> <tr align="center"> <td width="30%" bgcolor="#0000A0" valign="top"><input TYPE="text" value="共3条" SIZE="5" name="1"></td> <td width="30%" bgcolor="#0000A0" valign="top"><input TYPE="button" VALUE="阅 读" onClick="nextMessage()"></td> </tr> </table> </form>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

VBScript 实现文字遮罩
用VBScript捕捉鼠标的移动，然后令光线射向也随着移动，这样就形成了鼠标像光源的效果。
2009-10-10
js 上下文字滚动效果
用js实现的上下文字滚动效果代码，需要的朋友可以参考下。
2010-07-07
javascript 网页上跳动的文字
网页上跳动的文字，代码稍复杂，效果挺可爱的，一跳一跳的文字，真逗人！
2009-10-10
不一样的文字闪烁轮番闪烁
这是一个文字闪烁效果，不同的是它是由两组文字组成，在闪烁的过程中可以重复切换，代码中的speed指定字体闪烁的频率，可以把引号内的内容换成你想要的文字，要记住一定要在body中加上onload语句，否则会无效哦。
2009-11-11
一个实现字体大中小方法的JavaScript代码
再发一个实现字体大中小方法的JavaScript代码，这种效果估计大家在网上见到挺多了，点击适时改变网页上字体的大小，以适合不同人群的浏览体验，本代码较简单，使用方便。
2011-08-08
javascript跑马灯悬停放大效果实现代码
用过qq空间的朋友应该对这个很熟悉吧,效果蛮炫的,不过它们是用flash实现的,那么javascript可不可以呢,需要的朋友可以了解下
2012-12-12
JS旋转的彩色文字轮转特效
JavaScript完成的文字效果，不停旋转的文字特效，给旋转到当前的文字增加炫丽的彩色效果，还行吧，偶比较喜欢的效果，里面的很多参数都是可调的。
2009-11-11
颜色变换像字符逐字输入的欢迎词
一个炫彩的网页欢迎词，其实就是Javascript文字特效，只不过它是打字与炫彩的结合，在网页的一角放上这效果，给平静的网页增添点动态元素。
2009-10-10
javascript 模拟Marquee文字向左均匀滚动代码
Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.
2009-10-10
Js+CSS 文字渐隐渐现显示
JavaScript文字渐隐渐现显示，更专业的说法叫淡入淡出，最开始用于视频蒙太奇制作及Flash动画上，现在用到文字上也不是什么稀罕事了.
2009-10-10