閃爍標題

原始檔如下..

<body onLoad="makecolor()">
<style>
.spanstyle{
position:absolute;
top:-50px;
left:-50px
visibility:visible;
font-family:"新細明體";
font-size:30pt;
}
</style>
<script language="JavaScript">
var message="波之仔首頁"
message=message.split("")
var xpos=new Array()
for(i=0;i<=message.length-1;i++){
xpos[i]=-50
}

var ypos=new Array()
for(i=0;i<=message.length-1;i++){
ypos[i]=-50
}

function makecolor(){
if(document.all){
for(i=message.length-1;i>=1;i--){
xpos[i]=xpos[i-1]+40 //調整字距
ypos[i]=ypos[i-1]
}
xpos[0]=160 //調整左右位置
ypos[0]=10 //調整上下位置
for(i=0;i<=message.length-1;i++){
var thisspan=eval("span"+i+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
thisspan.color=Math.random()*255*255*255+Math.random()*255*255+Math.random()*255
}
}
else if(document.layers){
for(i=message.length-1;i>=1;i--){
xpos[i]=xpos[i-1]+40 //調整字距
ypos[i]=ypos[i-1]
}
xpos[0]=160 //調整左右位置
ypos[0]=10 //調整上下位置
for(i=0;i<=message.length-1;i++){
var thisspan=eval("document.span"+i)
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
thisspan.color=Math.random()*255*255*255+Math.random()*255*255+Math.random()*255
}
}
var timer=setTimeout("makecolor()",10) //調整閃爍速度快慢
}
</script>

<script>
for(i=0;i<=message.length-1;i++){
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
</script>