可以文本显示的公告栏的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 相关文章推荐
漂亮的提示信息(带箭头)
Mar 21 Javascript
不一样的文字闪烁 轮番闪烁
Nov 11 Javascript
Js 随机数产生6位数字
May 13 Javascript
14个有用的Jquery技巧分享
Jan 08 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 Javascript
关于ES6的六个小特性(二)
Feb 20 Javascript
微信通过页面(H5)直接打开本地app的解决方法
Sep 09 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
JS自定义对象创建与简单使用方法示例
Jan 15 Javascript
Vue-Element-Admin集成自己的接口实现登录跳转
Jun 23 Vue.js
简单三步,搞掂内存泄漏
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变量赋值、代入给JavaScript中的变量
2015/06/29 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
使用javascipt---实现二分查找法
2013/04/10 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
Bootstrap每天必学之栅格系统(布局)
2015/11/25 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
Boostrap实现的登录界面实例代码
2016/10/09 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
2017/01/21 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
基于substring()和substr()的使用以及区别(实例讲解)
2017/12/28 Javascript
浅析Vue实例以及生命周期
2018/08/14 Javascript
Node.js从字符串生成文件流的实现方法
2019/08/18 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
Python进阶学习之特殊方法实例详析
2017/12/01 Python
tensorflow入门之训练简单的神经网络方法
2018/02/26 Python
Python操作excel的方法总结(xlrd、xlwt、openpyxl)
2019/09/02 Python
Django之模板层的实现代码
2019/09/09 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
Django表单提交后实现获取相同name的不同value值
2020/05/14 Python
基于python计算滚动方差(标准差)talib和pd.rolling函数差异详解
2020/06/08 Python
python开根号实例讲解
2020/08/30 Python
PyQt实现计数器的方法示例
2021/01/18 Python
法国在线药房:1001Pharmacies
2021/03/07 全球购物
小学生自我评价范例
2013/09/24 职场文书
会计电算化专业应届大学生求职信
2013/10/22 职场文书
跳槽求职信范文
2014/05/26 职场文书
关于感恩的演讲稿500字
2014/08/26 职场文书
出租房屋协议书
2014/09/14 职场文书