可以文本显示的公告栏的js代码

一个可以文本显示的公告栏，可以在多处使用，绝对不可错过！ 
脚本说明: 
第一步：把如下代码加入<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>

赞 (0)

相关推荐

  • 可以文本显示的公告栏的js代码

    一个可以文本显示的公告栏,可以在多处使用,绝对不可错过!  脚本说明:  第一步:把如下代码加入<head>区域中  <script language="JavaScript">  <!-- Activate Cloaking Device  var i = 0;  // used to cycle thru messages  var TextNumber = -1;  // array of messages  var TextInput = new 

  • 显示今天的日期js代码(阳历和农历)

    显示今天的日期js代码(阳历和农历)

    1.显示日期代码: Js代码 /*获取当前日期*/ function getCurrentDateTime() { var d = new Date(); var year = d.getFullYear(); var month = d.getMonth() + 1; var date = d.getDate(); var week = d.getDay(); /*时分秒*/ /*var hours = d.getHours(); var minutes = d.getMinutes(); v

  • 鼠标焦点离开文本框时验证的js代码

    利用js来验证文本框的值 复制代码 代码如下: <script> function onblurs(){ if(frm.name.value==""){ alert("请输入您的名字!"); }else if(frm.funny.value==""){ alert("爱好不得为空哦!"); } } </script> <form name="frm"> <tr>

  • 查询绑定数据岛的表格中的文本并修改显示方式的js代码

    复制代码 代码如下: <script language="JavaScript"> function findAll(s){ if(s.length==0){ alert("请输入查询关键字"); } s=encode(s); var TDs=document.all.DataT1.all.tags("TD"); var num=0; for(var i=0;i<TDs.length;i++){ var tdObj=TDs[i]

  • 随机显示个性签名的js代码(兼容ie,firefox)

    原网页中用的是innerText,我们这里给替换成了innerHTML是为了简单的支持firefox,因为firefox不支持innerText,但已经有办法让firefox支持innerText了,兼容代码如下. 复制代码 代码如下: //让Mozilla支持innerText try{ HTMLElement.prototype.__defineGetter__ ( "innerText", function () { var anyString = ""; v

  • 禁止空格提交表单的js代码

    在做项目的时候,有个页面我用到了ckeditor,可是问题来了,我在只要有文本框的地方按下回车键就会自动刷新.最后终于找到了解决的方法: 复制代码 代码如下: <input type="text" name="mes.mesTitle" value="<s:property value='mes.mesTitle'/>" class="InputStyle" onkeydown="keydown(t

  • 鼠标放在图片上显示大图的JS代码

    显示大图和隐藏大图的js代码: 复制代码 代码如下: <script type="text/javascript">   //显示图片   function over(imgid,obj,imgbig)   {//大图显示的最大尺寸  4比3的大小  400 300maxwidth=400;maxheight=300; //显示        obj.style.display="";        imgbig.src=imgid.src; //1.宽

  • js显示当前系统时间的代码

    js获取当前系统时间 复制代码 代码如下: var myDate = new Date();      myDate.getYear();        //获取当前年份(2位)      myDate.getFullYear();    //获取完整的年份(4位,1970-????)      myDate.getMonth();       //获取当前月份(0-11,0代表1月)      myDate.getDate();        //获取当前日(1-31)      myDate

  • 基于JS代码实现实时显示系统时间

    1.概述 在浏览很多网站时,都会发现在网站中加入了显示当前系统时间的功能,在网页中显示当前系统时间,不仅可以方便浏览者掌握当前时间,而且还美化了网页. 2.技术要点 利用Date对象来实现.首先创建一个表示当前系统时间的Date()对象,然后通过Date对象的getXxx()方法获得当前系统时间的年.月.日.小时.分.秒和星期的值,接下来将获得的这些值组合成一个日期时间字符串,并将日期时间字符串设置成为<div>标签的内容,最后通过window对象的setTimeout()函数每隔1秒调用一个

  • 文本框只能输入数字的js代码(含小数点)

    只能输入0-9多包括小数点 <html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <title>js 只能输入数字和小数点</title> <script language="JavaScript" type="text/javascript">

随机推荐