适合做公告板的代码收集

162 阅读 0 评论 107 点赞

我是靠谱客的博主着急小懒猪，最近开发中收集的这篇文章主要介绍适合做公告板的代码收集，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1. 每条文字信息循环显示，

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

以下代码加入<head>区域  
<style type="text/css">

#tic {  
  /* enter any styles for the ticker below */  
  border: .05em #CEC3AD solid;  
  font-size:0.85em;  
  padding:10px;  
  width:400px;  
  line-height:20px;  
}  
#tic * {  
  /* this will hide all children tags */  
  font-size: 1em;  
  margin:0px;  
  padding:0px;  
  display:none;  
}  
#tic a {  
  /* add more tags to this list if you wish to display them inside the children */  
  display:inline;  
}  
</style>  
  
以下代码加入<body>区域  
<div id="tic">  
<h1>什么是ASP？</h1>  
<p>  
Ａｃｔｉｖｅ　Ｓｅｒｖｅｒ　Ｐａｇｅｓ（ASP，活动服务器页面）就是一个编程环境，在其中，可以  
混合使用HTML、脚本语言以及组件来创建服务器端功能强大的Internet应用程序。 </p>  
<p>  
 如果你以前创建过一个站点，其中混合了HTML、脚本语言以及组件，你就可以在其中加入ASP程序代码。  
通过在HTML页面中加入脚本命令，你可以创建一个HTML用户界面，并且，还可以通过使用组件包含一些商  
业逻辑规则。</p>  
<p>  
组件可以被脚本程序调用，也可以由其他的组件调用。  
</p>

<h2>什么是 ASP.NET？</h2>  
<p>  
ASP.NET 是建立在公共语言运行库上的编程框架，可用于在服务器上生成功能强大的 Web 应用程序。  
</p>  
<p>  
与以前的 Web 开发模型相比，ASP.NET 提供了数个重要的优点：增强的性能、世界级的工具支持、威力  
和灵活性、简易性、可管理性、可缩放性和可用性、自定义性和扩展性、安全性。  
</p>

<h2>什么是PHP？</h2>  
<p>  
PHP 是一种用来制作动态网页的服务器端脚本语言。你通过PHP和HTML创建页面。当访问者打开网页时，  
服务器端便会处理 PHP 指令，然后把其处理结果送到访问者的浏览器上面，就好像 ASP 或者是   
ColdFusion 一样。然而，PHP 跟 ASP 或 ColdFusion 不一样的地方在于，它是跨平台的开放源代码。  
</p>  
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

5.文字信息一条接一条显示

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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 全选注:如需引入外部Js需刷新才能执行]