可以文本显示的公告栏的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 相关文章推荐
IE和Firefox下event事件杂谈
Dec 18 Javascript
理解Javascript_13_执行模型详解
Oct 20 Javascript
js里怎么取select标签里的值并修改
Dec 10 Javascript
php的文件上传入门教程(实例讲解)
Apr 10 Javascript
js判断上传文件类型判断FileUpload文件类型代码
May 20 Javascript
jquery判断至少有一个checkbox被选中的方法
Jun 05 Javascript
Jquery基础之事件操作详解
Jun 14 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 Javascript
JavaScript ES6中CLASS的使用详解
Nov 22 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
webpack本地开发环境无法用IP访问的解决方法
Mar 20 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
Apr 21 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基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
JavaScript Sort 表格排序
2009/10/31 Javascript
jQuery实现的立体文字渐变效果
2010/05/17 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
html中table数据排序的js代码
2011/08/09 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
2015/11/26 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
js实现加载更多功能实例
2016/10/27 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
vue代理和跨域问题的解决
2018/07/18 Javascript
JavaScript实现矩形块大小任意缩放
2020/08/25 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方
2017/03/03 DOTA
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
使用Django2快速开发Web项目的详细步骤
2019/01/06 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
python3 字符串知识点学习笔记
2020/02/08 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
利用css3实现的简单的鼠标悬停按钮
2014/11/04 HTML / CSS
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
2018/09/10 HTML / CSS
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
电子信息毕业生自荐信
2013/11/16 职场文书
小学运动会表扬稿
2014/01/19 职场文书
网管求职信
2014/03/03 职场文书
大学社团计划书
2014/05/01 职场文书
实验室的标语
2014/06/20 职场文书
2015年新教师工作总结
2015/04/28 职场文书
教师见习总结范文
2015/06/23 职场文书
Sql-Server数据库单表查询 4.3实验课
2021/04/05 SQL Server
left join、inner join、right join的区别
2021/04/05 MySQL
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis
MySQL 外连接语法之 OUTER JOIN
2022/04/09 MySQL
Redis特殊数据类型bitmap位图
2022/06/01 Redis