多條文字的播放特效-WEBASP.NET

精彩推薦

分類熱點特效

多條文字的播放特效

日期：2004-05-28 人氣：【字體：大中小】【收藏此文】

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>多條文字的播放特效</TITLE>
</HEAD>
<BODY >

function setmessage() {
    if (i_message>=message.length) {i_message=0}
    if (i_messagecolor>=messagecolor.length) {i_messagecolor=0}
    if (i_messagefont>=messagefont.length) {i_messagefont=0}
    content="<nobr><font color="+messagecolor[i_messagecolor]+" face="+messagefont[i_messagefont]+">"+message[i_message]+"</font><nobr>"
    textbox.innerHTML=content
    i_message++
    i_messagecolor++
    i_messagefont++
    timer=setTimeout("resizemessage()",500)
}

if (document.all) {
    bodywidth=document.body.clientWidth-5
    setmessage()
}

</script>

</BODY></HTML>

<script>
var message="網頁特效特酷感覺 www.webasp.net 謝謝你的關注 "
var messagefont=new Array("Arial Black","Verdana","Impact","Comic Sans MS")
var messagecolor=new Array("33FF33","olive","888888","purple")
var positionleft=20
var positiontop=10
</script>
<script>
var timer
var marginright=0
var i_fadestrength=5
var i_message=0
var i_messagecolor=0
var i_messagefont=0
var step=1
var maxfontsize=110
var fontsizefactor=maxfontsize/100
var content
var textboxwidth=0
var bodywidth=0
message=message.split(" ")

function setmessage() {
if (i_message>=message.length) {i_message=0}
if (i_messagecolor>=messagecolor.length) {i_messagecolor=0}
if (i_messagefont>=messagefont.length) {i_messagefont=0}
content="<nobr><font color="+messagecolor[i_messagecolor]+" face="+messagefont[i_messagefont]+">"+message[i_message]+"</font><nobr>"
textbox.innerHTML=content
i_message++
i_messagecolor++
i_messagefont++
timer=setTimeout("resizemessage()",500)
}

function resizemessage() {
if (i_fadestrength<120) {
textbox.filters.alpha.opacity=Math.floor(100-i_fadestrength)
document.all.textbox.style.fontSize=i_fadestrength*fontsizefactor
document.all.textbox.style.posLeft=positionleft-(Math.floor(i_fadestrength/1.1*fontsizefactor))
document.all.textbox.style.posTop=positiontop
document.all.textbox.style.width=bodywidth-document.all.textbox.style.posLeft-5
document.all.textbox.style.overflowX="hidden"
document.all.textbox.style.visibility="visible"
step+=1.5
i_fadestrength+=step
timer=setTimeout("resizemessage()",50)
}
else {
clearTimeout(timer)
i_fadestrength=0;
step=1;
setmessage()
}
}
if (document.all) {
document.write("<DIV id='textbox' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>")
document.write("<DIV style='position:relative;'>")
}

if (document.all) {
bodywidth=document.body.clientWidth-5
setmessage()
}

</script>