可以文本显示的公告栏的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 相关文章推荐
javascript 学习之旅 (2)
Feb 05 Javascript
Javascript学习笔记5 类和对象
Jan 11 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
JavaScript异步加载浅析
Dec 28 Javascript
js和jQuery设置Opacity半透明 兼容IE6
May 24 Javascript
VUE页面中加载外部HTML的示例代码
Sep 20 Javascript
使用 Node.js 开发资讯爬虫流程
Jan 07 Javascript
JS运动特效之任意值添加运动的方法分析
Jan 24 Javascript
Vue中的slot使用插槽分发内容的方法
Mar 01 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
Vue简单实现原理详解
May 07 Javascript
微信小程序实现选项卡滑动切换
Oct 22 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结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
PHP如何解决微信文章图片防盗链
2020/12/09 PHP
Highslide.js是一款基于js实现的网页中图片展示插件
2020/03/30 Javascript
ajax的hide隐藏问题解决方法
2012/12/11 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
2017/12/09 Javascript
详解webpack与SPA实践之开发环境搭建
2017/12/18 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
python通过定义一个类实例作为ftp回调方法
2015/05/04 Python
python数组过滤实现方法
2015/07/27 Python
Flask框架的学习指南之开发环境搭建
2016/11/20 Python
Python实现简单的文本相似度分析操作详解
2018/06/16 Python
用python统计代码行的示例(包括空行和注释)
2018/07/24 Python
python实现简单flappy bird
2018/12/24 Python
在Pycharm中设置默认自动换行的方法
2019/01/16 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
对python 树状嵌套结构的实现思路详解
2019/08/09 Python
基于python监控程序是否关闭
2020/01/14 Python
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
全球最大运动品牌的男装、女装和童装官方库存商:A&A Sports
2021/01/17 全球购物
大家检讨书5000字
2014/02/03 职场文书
六查六看自查材料
2014/02/17 职场文书
绿色环保演讲稿
2014/05/10 职场文书
环保专项行动方案
2014/05/12 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
幼儿园感谢信
2015/01/21 职场文书
硕士学位申请报告
2015/05/15 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
Win11 Build 21996.1 Dev版怎么样? win11系统截图欣赏
2021/11/21 数码科技