可以文本显示的公告栏的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 YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 Javascript
用js模拟JQuery的show与hide动画函数代码
Sep 20 Javascript
javascript常见用法总结
May 22 Javascript
javascript搜索框效果实现方法
May 14 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
jQuery加载及解析XML文件的方法实例分析
Jan 22 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 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开发负载均衡指南
2010/07/17 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
简单实现php上传文件功能
2017/09/21 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
php和C#的yield迭代器实现方法对比分析
2019/07/17 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
2012/10/18 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
jquery中表单 多选框的一种巧妙写法
2015/09/06 Javascript
JS中取二维数组中最大值的方法汇总
2016/04/17 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
解析Json字符串的三种方法日常常用
2018/05/02 Javascript
解析vue data不可以使用箭头函数问题
2018/07/03 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
2020/09/02 Javascript
用Python编写简单的定时器的方法
2015/05/02 Python
python友情链接检查方法
2015/07/08 Python
详解Python实现多进程异步事件驱动引擎
2017/08/25 Python
python的sorted用法详解
2019/06/25 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
Python基础之函数原理与应用实例详解
2020/01/03 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
为女性购买传统的印度服装和婚纱:Kalkifashion
2019/07/22 全球购物
学生干部的自我评价分享
2014/01/18 职场文书
2014年班主任工作总结
2014/11/08 职场文书
2015元旦标语横幅
2014/12/09 职场文书
个人工作年终总结
2015/03/09 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
MySQL基础(一)
2021/04/05 MySQL
Java并发编程必备之Future机制
2021/06/30 Java/Android
MySQL数据库索引的最左匹配原则
2021/11/20 MySQL