可以文本显示的公告栏的js代码


Posted in Javascript onMarch 11, 2007

一个可以文本显示的公告栏,可以在多处使用,绝对不可错过! 
脚本说明: 
第一步:把如下代码加入<head>区域中 
<script language="JavaScript"> 
<!-- Activate Cloaking Device 
var i = 0; 
// used to cycle thru messages 
var TextNumber = -1; 
// array of messages 
var TextInput = new Object(); 
// used to load manipulate message 
var HelpText=""; 
// used to load message 
var Text = ""; 
// length of timeout (smaller is faster) 
var Speed=50; 
// used to display message number 
var message=0; 
// used to position text in ver 2.0 
var addPadding="rn"; 
// Each element of TextInput represents a single message. 
TextInput[0] = "今天注意了有新的任务布置"; 
TextInput[1] = "欢迎你的光临!本站为你提供大量javascript下载"; 
TextInput[2] = "重点介绍Javascript"; 
TextInput[3] = "与制作网页特效密切相关的技术"; 
TextInput[4] = "本站同时有影音空间等栏目"; 
TextInput[5] = "还有新闻及健康方面的资料"; 
TextInput[6] = "还有宽带网方面的大量技术文章"; 
TextInput[7] = "本站网址:http://www.njcatv.net"; 
TotalTextInput = 7; // (0, 1, 2, 3, 4, 5, 6, 7) 
// Positioning and speed vary between versions. 
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; 
// Called by >>> button (display next message) . 
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(); 


// Gets and displays character from rollMessage() . 
// Variable Speed controls length of timeout and thus the speed of typing. 
function teletype() 

if (TimerSet) 

Text=rollMessage(); 
TimerId = setTimeout("teletype()", Speed); 
document.forms[0].elements[0].value=Text; 


// Pulls one character at a time from string and returns (as Text) to function teletype() for displaying. 
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); 

// Initially called by onLoad in BODY tag to load title. 
function initTeleType() 

Text="rn Manual Tele-Type Display"; 
document.forms[0].elements[0].value=Text; 

// Called by <<< button (get previous message). 
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(); 


// Deactivate Cloaking --></script> 
第二步:在<body>区域中加入如下代码: 
<form> 
<table CELLSPACING="0" CELLPADDING="0" WIDTH="17%"> 
<tr> 
<td width="100%" colspan="3" valign="top"><div align="center"><p><textarea NAME="teletype" ROWS="3" COLS="28" wrap="yes"></textarea> </td> 
</tr> 
<tr align="center"> 
<td width="40%" valign="top" bgcolor="#0000A0"><input TYPE="button" VALUE="公告栏" onClick="lastMessage()"></td> 
<td width="30%" bgcolor="#0000A0" valign="top"><input TYPE="text" value="共8条" SIZE="5" name="1"></td> 
<td width="30%" bgcolor="#0000A0" valign="top"><input TYPE="button" VALUE="阅 读" onClick="nextMessage()"></td> 
</tr> 
</table> 
</form>

Javascript 相关文章推荐
js 禁用浏览器的后退功能的简单方法
Dec 10 Javascript
JS实现div内部的文字或图片自动循环滚动代码
Apr 19 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
用JS生成UUID的方法实例
Mar 30 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
Aug 06 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
JavaScript无操作后屏保功能的实现方法
Jul 04 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
JS实现图片转换成base64的各种应用场景实例分析
Jun 22 Javascript
关于AOP在JS中的实现与应用详解
May 06 Javascript
Angular处理未可知异常错误的方法详解
Jan 17 Javascript
简单三步,搞掂内存泄漏
Mar 10 #Javascript
如何简单地用YUI做JavaScript动画
Mar 10 #Javascript
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 #Javascript
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 #Javascript
Gird事件机制初级读本
Mar 10 #Javascript
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 #Javascript
对YUI扩展的Gird组件 Part-2
Mar 10 #Javascript
You might like
如何使用PHP往windows中添加用户
2006/12/06 PHP
PHP has encountered an Access Violation
2007/01/15 PHP
解决PhpMyAdmin中导入2M以上大文件限制的方法分享
2014/06/06 PHP
thinkphp获取栏目和文章当前位置的方法
2014/10/29 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
刷新PHP缓冲区为你的站点加速
2015/10/10 PHP
浅析Yii2中GridView常见操作
2016/04/22 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
js indexOf()定义和用法
2012/10/21 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
xmlplus组件设计系列之图标(ICON)(1)
2017/05/05 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
详解vue axios中文文档
2017/09/12 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
2020/07/19 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
浅谈vue.watch的触发条件是什么
2020/11/07 Javascript
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
mac PyCharm添加Python解释器及添加package路径的方法
2018/10/29 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
python调用接口的4种方式代码实例
2019/11/19 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
详解python变量与数据类型
2020/08/25 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
师范生自我鉴定范文
2013/10/05 职场文书
高三毕业典礼演讲稿
2014/05/13 职场文书
求职信格式要求
2014/05/23 职场文书
聚会通知怎么写
2015/04/23 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
感谢信的技巧及范例
2019/05/15 职场文书