熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

滾動文字新聞的制作

2013-11-15 11:37:12  來源: JSP教程 
一句一句話地顯示出來有點類似於跑馬燈效果文字效果的突出點比較明顯推薦使用

制作方法
將下面的代碼復制到<body>~</body>裡
<script language=JavaScript>

//設置下面的參數(寬度高度和背景色)可以得到不同的顯示效果
var scrollerwidth=
var scrollerheight=
var scrollerbgcolor=

//下面的參數不想使用背景圖的話設為空
var scrollerbackground=

//下面的參數設置顯示內容可以使用HTML語法改變字體大小和顏色及連接等
var messages=new Array()
messages[]=::::::::::::::::::::: 示例滾動新聞 :::::::::::::::::::::
messages[]=<a javascript:void()>新奧特真三維虛擬演播室系統順利通過廣電總局檢測</a>
messages[]=<a javascript:void()>新奧特參加年江蘇廣播電視暨網絡設備展覽會成功 </a>
messages[]=<a javascript:void()>九運組委會致函感謝新奧特提供電視字幕為九運作出重要貢獻</a>

///////下面的代碼不要改變//////

if (messageslength>)
i=
else
i=

function move(whichlayer){
tlayer=eval(whichlayer)
if (tlayertop>&&tlayertop<=){
tlayertop=
setTimeout(move(tlayer))
setTimeout(move(documentmaindocumentsecond))
return
}
if (tlayertop>=tlayerdocumentheight*){
tlayertop=
setTimeout(move(tlayer))
}
else{
tlayertop=scrollerheight
tlayerdocumentwrite(messages[i])
tlayerdocumentclose()
if (i==messageslength)
i=
else
i++
}
}

function move(whichlayer){
tlayer=eval(whichlayer)
if (tlayertop>&&tlayertop<=){
tlayertop=
setTimeout(move(tlayer))
setTimeout(move(documentmaindocumentfirst))
return
}
if (tlayertop>=tlayerdocumentheight*){
tlayertop=
setTimeout(move(tlayer))
}
else{
tlayertop=scrollerheight
tlayerdocumentwrite(messages[i])
tlayerdocumentclose()
if (i==messageslength)
i=
else
i++
}
}

function move(whichdiv){
tdiv=eval(whichdiv)
if (tdivstylepixelTop>&&tdivstylepixelTop<=){
tdivstylepixelTop=
setTimeout(move(tdiv))
setTimeout(move(second))
return
}
if (tdivstylepixelTop>=tdivoffsetHeight*){
tdivstylepixelTop=
setTimeout(move(tdiv))
}
else{
tdivstylepixelTop=scrollerheight
tdivinnerHTML=messages[i]
if (i==messageslength)
i=
else
i++
}
}

function move(whichdiv){
tdiv=eval(whichdiv)
if (tdivstylepixelTop>&&tdivstylepixelTop<=){
tdivstylepixelTop=
setTimeout(move(tdiv))
setTimeout(move(first))
return
}
if (tdivstylepixelTop>=tdivoffsetHeight*){
tdivstylepixelTop=
setTimeout(move(second))
}
else{
tdivstylepixelTop=scrollerheight
tdivinnerHTML=messages[i]
if (i==messageslength)
i=
else
i++
}
}

function startscroll(){
if (documentall){
move(first)
secondstyletop=scrollerheight
secondstylevisibility=visible
}
else if (documentlayers){
documentmainvisibility=show
move(documentmaindocumentfirst)
documentmaindocumentsecondtop=scrollerheight+
documentmaindocumentsecondvisibility=show
}
}

windowonload=startscroll
</script>
<ilayer id=main width=&{ scrollerwidth}; height=&{ scrollerheight}; bgcolor=&{ scrollerbgcolor}; visibility=hide top=>
<layer id=first width= top= left=>
<script language=JavaScript>
if (documentlayers)
documentwrite(messages[])
</script>
</layer>
<layer id=second width= visibility=hide top= left=>
<script language=JavaScript>
if (documentlayers)
documentwrite(messages[])
</script>
</layer>
</ilayer>
<script language=JavaScript>
if (documentall){
documentwriteln(<span id=main >)
documentwriteln(<div >)
documentwriteln(<div id=first >)
documentwrite(messages[])
documentwriteln(</div>)
documentwriteln(<div id=second >)
documentwrite(messages[])
documentwriteln(</div>)
documentwriteln(</div>)
documentwriteln(</span>)
}
</script>
注意在message[xxx]中不能含有空格如下
messages[]=<table border=><tr valign=top><td width=>「 // 」</td><td width=></td><td>服務器現在真的是怪怪的剛剛還用了新的地址了一會兒又變<br>成了現在的這個了真是讓我干著急真對不起大家啊!</td></tr></table>
正 確
messages[]=<table border=><tr valign=top><td width=>「 // 」</td>
<td width=></td><td>服務器現在真的是怪怪的剛剛還用了新的地址了一會兒又變
<br>成了現在的這個了真是讓我干著急真對不起大家啊!</td></tr></table>  
錯 誤

至此你就可以完成這個實例了
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19307.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.