可以文本显示的公告栏的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中取绝对值的2种方法
Jul 09 Javascript
比较新旧两个数组值得增加和删除的JS代码
Oct 30 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
May 07 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
使用vue编写一个点击数字计时小游戏
Aug 31 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
Sep 17 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
web.js.字符串与正则表达式操作
May 13 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
JS实现提示框跟随鼠标移动
Aug 27 Javascript
微信小程序实现抖音播放效果的实例代码
Apr 11 Javascript
Vue 使用typescript如何优雅的调用swagger API
Sep 01 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/11/20 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
初识ThinkPHP控制器
2016/04/07 PHP
通过jquery实现tab标签浏览效果
2007/02/20 Javascript
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
jquery对单选框,多选框,文本框等常见操作小结
2014/01/08 Javascript
jQuery中ajax的load()方法用法实例
2014/12/26 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
2016/05/13 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
浅谈python中set使用
2016/06/30 Python
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
Python设计模式之迭代器模式原理与用法实例分析
2019/01/10 Python
python取余运算符知识点详解
2019/06/27 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
pandas和spark dataframe互相转换实例详解
2020/02/18 Python
anaconda3安装及jupyter环境配置全教程
2020/08/24 Python
《小猫刮胡子》教学反思
2014/02/21 职场文书
置业顾问岗位职责
2014/03/02 职场文书
新年主持词
2014/03/27 职场文书
法学专业大学生实习自我鉴定
2014/10/05 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
自荐信大全
2019/03/21 职场文书
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript
Python中的tkinter库简单案例详解
2022/01/22 Python
详细介绍Java中的CyclicBarrier
2022/04/13 Java/Android