可以文本显示的公告栏的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 相关文章推荐
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
jquery tools之tabs 选项卡/页签
Jul 25 Javascript
jquery如何获取复选框的值
Dec 12 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
Feb 28 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
Jan 05 Javascript
jquery判断iPhone、Android设备类型
Sep 14 Javascript
JavaScript数组复制详解
Feb 02 Javascript
JavaScript实现按键精灵的原理分析
Feb 21 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
让div运动起来 js实现缓动效果
Jul 06 Javascript
微信小程序实现自上而下字幕滚动
Jul 14 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 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中使用excel的简单介绍
2013/08/02 PHP
PHP7新增运算符用法实例分析
2016/09/26 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
通用javascript脚本函数库 方便开发
2009/10/13 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
2011/10/08 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
javascript实现动态导入js与css等静态资源文件的方法
2015/07/25 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
慕课网题目之js实现抽奖系统功能
2017/09/19 Javascript
详解React开发必不可少的eslint配置
2018/02/05 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
angularjs手动识别字符串中的换行符方法
2018/10/02 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
简单了解JavaScript arguement原理及作用
2020/05/28 Javascript
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
详解Python3.6安装psutil模块和功能简介
2018/05/30 Python
Django 创建后台,配置sqlite3教程
2019/11/18 Python
python高阶函数map()和reduce()实例解析
2020/03/16 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
python实现图片转字符画
2021/02/19 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
FORZIERI澳大利亚站:全球顶级奢华配饰精品店
2016/12/31 全球购物
C#基础面试题
2016/10/17 面试题
创业计划书中包含的9个方面
2013/12/26 职场文书
医院办公室主任职责
2013/12/29 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
财务负责人任命书
2014/06/06 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫