適合做公告板的代碼收集
更新時間:2007年02月07日 00:00:00 投稿:mdxy-dxy
這篇文章主要介紹了適合做公告板的代碼收集
1. 每條文字信息循環(huán)顯示,
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2.逐行顯示文字,轉(zhuǎn)換過程中帶有漸隱漸顯效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
3.每條新聞信息以打字的方式輪流出現(xiàn)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
4.滾軸式向上滾動文字,每次只顯示一行
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
5.文字信息一條接一條顯示
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
6.加亮卷動是在視覺上引起興趣,多次卷動。 它逐漸地將每個信息進從底部升到頂端的視線中,是顯示文本的一種好方法。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
7.可以一條一條的顯示文字,也可以點擊展開全部文字
<style>
<!--
#listbutton{
border:1px solid #4B4B4B;
background-color:#F3F3F3;
width:50px;
height:12px;
font: normal 11px Arial;
text-align:center;
cursor:pointer;cursor:hand;
}
.expandhighlight, .expandhighlight a{
color:red;
}
-->
</style>
<script language="JavaScript1.2">
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
var tickercontents=new Array()
tickercontents[0]=’用數(shù)據(jù)廣播方式,將信息內(nèi)容完整鏡像到PC機中’
tickercontents[1]=’數(shù)據(jù)廣播作為廣播電視系統(tǒng)的新一代業(yè)務。’
tickercontents[2]=’重新構思文化共享結構成為信息產(chǎn)業(yè)追求的目標之一。’
//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.在文字轉(zhuǎn)換間加上了類似燈光遮照的效果
以下代碼加入<head>區(qū)域<SCRIPT>
<!--
function correct(){
if (finished){
setTimeout("begin()",3000)
}
return true
}
window.onerror=correct
function begin(){
if (!document.all)
return
if (maxheight==null)
maxheight=temp.offsetHeight
whatsnew.style.height=maxheight
temp.style.display="none"
c=1
finished=true
change()
}
//-->
</SCRIPT>以下代碼加入<body>區(qū)域<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>
<!--
var head=’’
var top=0
var maxheight
var finished=false
var tickers=new Array()
tickers[0]=’Microsoft Visual Basic 提供了開發(fā)Microsoft Windows應用程序的最迅速,最簡捷的方法
。’
tickers[1]=’Xml是當前最流行的開發(fā)工具,適合各種平臺的開發(fā)應用’
tickers[2]=’Asp是最簡單的網(wǎng)站開發(fā)程序,學習它能幫你更好的了解網(wǎng)絡’
tickers[3]=’JavaScript 是網(wǎng)頁設計者不可不學的腳本語言’
tickers[4]=’以上這些是一個網(wǎng)站建設者應該具備的條件!’
for (i=1;i<=tickers.length-1;i++){
if (tickers[i].length>=tickers[top].length)
top=i
}
if (document.all)
document.write(’<span id="whatsnew" style="width:100%;height=10;filter:revealTrans
(duration=2,transition=19)">’+tickers[0]+’</span>’)
function change(){
whatsnew.innerHTML=’’
whatsnew.filters.revealTrans.apply()
whatsnew.filters.revealTrans.play()
whatsnew.innerHTML=tickers[c]
if (c==tickers.length-1)
c=0
else
c+=1
setTimeout("change()",5000)
}
if (document.all)
document.write(’<span id=ns style="display:none;">’)
//-->
</script>
<!--Insert alternate HTML codes here
that will be seen by browsers OTHER
than IE 4.x-->
<span
id=temp style="LEFT: 0px; POSITION: absolute; TOP: 0px">
</span> </div>
</td>
</tr>
</tbody>
</table>
8.文字一段一段的顯示,每次交換時都帶有漸隱漸顯的效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
求解開jscript.encode代碼的asp函數(shù)
求解開jscript.encode代碼的asp函數(shù)...2007-02-02最新優(yōu)化收藏到網(wǎng)摘代碼(digg,diigo)
最新優(yōu)化收藏到網(wǎng)摘代碼(digg,diigo)...2007-02-02