可以文本显示的公告栏的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 相关文章推荐
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
jquery动态添加option示例
Dec 30 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
jquery实现点击变换导航样式的方法
Aug 31 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
Nov 30 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
Nov 07 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
layui table 获取分页 limit的方法
Sep 20 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
PHP4 与 MySQL 数据库操作函数详解
2006/10/09 PHP
PHP编程与应用
2006/10/09 PHP
php操作mysql数据库的基本类代码
2014/02/25 PHP
PHP导入导出Excel代码
2015/07/07 PHP
ThinkPHP数据操作方法总结
2015/09/28 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
2015/02/28 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
基于JavaScript实现定时跳转到指定页面
2016/01/01 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
详解pandas映射与数据转换
2021/01/22 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
应聘编辑自荐信范文
2014/03/12 职场文书
初中作文评语
2014/12/25 职场文书
财务部岗位职责
2015/02/03 职场文书
物资采购管理制度
2015/08/06 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书
Python绘制分类图的方法
2021/04/20 Python