可以文本显示的公告栏的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 相关文章推荐
如何取得中文输入的真实长度?
Jun 24 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
jquery easyui使用心得
Jul 07 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
JS常用加密编码与算法实例总结
Dec 22 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
Aug 23 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
详解Vue路由自动注入实践
Apr 17 Javascript
js通过循环多张图片实现动画效果
Dec 19 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 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 全文搜索和替换的实现代码
2008/07/29 PHP
php更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
关于IIS php调用com组件的权限问题
2012/01/11 PHP
ThinkPHP的RBAC(基于角色权限控制)深入解析
2013/06/17 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
JS增加行复制行删除行的实现代码
2013/11/09 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
JavaScript使用slice函数获取数组部分元素的方法
2015/04/06 Javascript
AngularJS向后端ASP.NET API控制器上传文件
2016/02/03 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
2017/04/29 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
浅谈python中拼接路径os.path.join斜杠的问题
2018/10/23 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
英国办公用品商店:Office Outlet
2018/04/04 全球购物
师范生的个人求职信范文
2014/01/04 职场文书
办公室秘书岗位职责范本
2014/02/11 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
孝敬父母的活动方案
2014/08/28 职场文书
四风自我剖析材料
2014/09/30 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
2015年仓库工作总结
2015/04/09 职场文书
委托收款证明
2015/06/23 职场文书
java开发双人五子棋游戏
2022/05/06 Java/Android
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers