当前位置：首页 > 资讯 > 技术文档

适合做公告板的代码收集

时间：2020-11-12 06:41 编辑：来源：阅读：
扫一扫，手机访问

摘要：适合做公告板的代码收集

[b]1. 每条文字信息循环显示，[/b]

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

[b]2.逐行显示文字,转换过程中带有渐隐渐显效果[/b]

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

[b]3.每条新闻信息以打字的方式轮流出现[/b]

以下代码加入区域以下代码加入区域<table>  
  <tr><td>  
      <div id="visible">CCTV 快报：[url=http://www.1sucai.cn/article/6719.htm][/url]</div>  
  </td></tr>  
</table>  
<div id="incoming" style="DISPLAY: none">  
  <div id="AllNews">   
      
      
    
      <div id="1">  
      <div id="Summary">全国政协代表团出访三国 出席经社理事会会议</div>  
      <div id="NewsLink">#</div>   
    </div>  
      
      
    
      <div id="2">  
      <div id="Summary">[东方时空]六天七夜降服森林大火</div>  
      <div id="NewsLink">#</div>   
    </div>  
      
      
    
      <div id="3">  
      <div id="Summary">香港特区政府就曾荫权请辞政务司司长发表声明</div>  
      <div id="NewsLink">#</div>   
    </div>  
      
      
    
      <div id="4">  
      <div id="Summary">刘云山会见老挝客人 </div>  
      <div id="NewsLink">#</div>   
    </div>  
      
      
    
      <div id="5">  
      <div id="Summary">曾庆红强调先进性教育活动要自始至终注重实效</div>  
      <div id="NewsLink">#</div>   
    </div>  
      
      
    
 </div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

[b]4.滚轴式向上滚动文字,每次只显示一行 [/b]

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

[b]5.文字信息一条接一条显示 [/b]

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

[b]6.加亮卷动是在视觉上引起兴趣,多次卷动。它逐渐地将每个信息进从底部升到顶端的视线中,是显示文本的一种好方法。[/b]

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

7.可以一条一条的显示文字，也可以点击展开全部文字 <style>  </style> <script language="JavaScript1.2"> //configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted) var tickercontents=new Array() tickercontents[0]='用数据广播方式，将信息内容完整镜像到PC机中' tickercontents[1]='数据广播作为广播电视系统的新一代业务。' tickercontents[2]='重新构思文化共享结构成为信息产业追求的目标之一。' //configure the below 2 variables to set the width/background color of the ticker var tickerwidth='475' var tickerbgcolor='#DDDDFF' //configure the below variable to determine the delay between ticking of messages (in miliseconds) var tickdelay=3000 ////Do not edit pass this line//////////////// var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1 var ns4=document.layers var currentmessage=0 var tickercontentstotal='' function changetickercontent(){ if (ns4){ tickerobj.document.tickernssub.document.write('<b><a href="#" onClick="return expandlist (event)">显/隐</a></b> | '+tickercontents[currentmessage]) tickerobj.document.tickernssub.document.close() } else if (ie4||ns6){ tickerobj.innerHTML=tickercontents[currentmessage] previousmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1 tickerexpand_item=ns6? document.getElementById("expand"+currentmessage) : eval ("expand"+currentmessage) tickerexpand_previousitem=ns6? document.getElementById("expand"+previousmessage) : eval ("expand"+previousmessage) tickerexpand_previousitem.className="" tickerexpand_item.className="expandhighlight" } currentmessage=(currentmessage==tickercontents.length-1)? 0 : currentmessage+1 setTimeout("changetickercontent()",tickdelay) } function start_ticking(){ if (ns4) document.tickernsmain.visibility="show" tickerobj=ie4? tickerlist : ns6? document.getElementById("tickerlist") : ns4? document.tickernsmain : "" tickerexpandobj=ie4? tickerexpand : ns6? document.getElementById("tickerexpand") : ns4? document.expandlayer : "" for (i=0;i<tickercontents.length;i++) //get total scroller contents tickercontentstotal+='<div id="expand'+i+'">- '+tickercontents[i]+'</div>' if (ie4||ns6) tickerexpandobj.innerHTML=tickercontentstotal else{ tickerexpandobj.document.write(tickercontentstotal) tickerexpandobj.document.close() } changetickercontent() } function expandlist(e){ if (ie4||ns6){ tickerexpand_parent=ie4? tickerexpand.parentElement : document.getElementById ("tickerexpand").parentNode tickerexpand_parent.style.display=(tickerexpand_parent.style.display=="none")? "" : "none" } else{ document.expandlayer.left=e.pageX-e.layerX document.expandlayer.top= e.pageY-e.layerY+20 document.expandlayer.visibility=(document.expandlayer.visibility=="hide")? "show" : "hide" return false } } if (ie4||ns6) document.write('<table border="0" style="width:'+tickerwidth+';border:1px solid black;text- indent:2px" bgcolor="'+tickerbgcolor+'" cellspacing="0" cellpadding="0"><tr><td width="90%" id="tickerlist" bgcolor="'+tickerbgcolor+'"></td><td width="10%" bgcolor="'+tickerbgcolor+'"><div id="listbutton" onClick="expandlist()">显/隐 </div></td></tr><tr style="display:none"><td id="tickerexpand" width="90%" bgcolor="'+tickerbgcolor+'"> </td><td width="10%"></td></tr></table>') window.onload=start_ticking </script> <ilayer id="tickernsmain" width=&{tickerwidth}; bgColor=&{tickerbgcolor}; visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0></layer></ilayer> <layer id="expandlayer" bgColor=&{tickerbgcolor}; visibility=hide></layer> 7.在文字转换间加上了类似灯光遮照的效果以下代码加入<head>区域<SCRIPT>  </SCRIPT>以下代码加入<body>区域<table height=45 cellspacing=1 cellpadding=1 width="80%" bgcolor=#000000 border=0 align="center"> <tbody> <tr> <td bgcolor=#D7E4F2> <div align=center> <script language=javascript1.2>  </script>  <span id=temp style="LEFT: 0px; POSITION: absolute; TOP: 0px"> </span>　 </div> </td> </tr> </tbody> </table> 8.文字一段一段的显示，每次交换时都带有渐隐渐显的效果

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：PHP更安全的密码加密机制Bcrypt详解
下一篇：Android实现语音识别代码

资讯排行榜
更多>>