步驟一 :
將以下程式碼複製 , 貼在網頁原始檔HTML<head> 與 </head> 之間 .
<SCRIPT>
<!-- annie
// 下列訊息可做修改
var mes = new Array()
mes[0]="歡迎光臨,這裡有許多笑話及趣味圖片"
mes[1]="好康下載區有好玩遊戲及程式,歡迎網友來下載"
mes[2]="想要有自己的手機鈴聲嗎?也可以來這看看"
mes[3]="趕緊下載爪哇程式,讓你的網頁特效100%"
mes[4]="歡迎大家交換連接,別忘了把哈燒站加入我的最愛!!"
// 下列是文字的軌道可以不必改
var path= new Array(554,9,552,10,550,13,542,13,538,13,532,10,528,9,528,9,522,7,519,8,512,9,510,11,507,13,505,16,500,17,495,18,492,17,488,15,482,9,477,9,473,9,466,12,461,17,459,19,452,20,448,21,443,18,439,15,434,9,431,9,424,8,419,9,416,11,412,12,410,15,408,17,406,19,398,19,391,20,383,19,379,17,372,14,369,10,364,9,356,7,348,8,340,9,334,11,323,13,315,17,301,18,293,17,288,12,285,10,278,7,274,7,269,9,268,9,265,12,260,17,250,17,241,17,229,16,220,10,216,9,213,9,208,9,203,9,194,14,188,16,177,16,166,16,157,14,149,13,146,8,135,7,124,6,114,9,104,14,94,16,69,16,61,15,41,15,34,15,22,16,12,16,13,15)
var stoptime=2
// 字體與字型大小,
var textfont="新細明體"
var textsize=10
// 字體顏色
var textcolor=new Array("3399FF","FFCC66","99CC00","FF6699")
// ( 1 為 粗體, 0 為 正常 )
var fontweight=0
// (1 為 發光,0 為 正常 )
var gloweffect=0
// 字符間的間隔,字體大應相對加大
var letterspace=10
var tickerleft=path[path.length-2]
var tickertop=path[path.length-1]
var timer
var finalxpos=tickerleft
var i_mes=0
var message=""
var i_path=0
var stoptimemilli=stoptime*10
var maxtextlength=0
var i_endposition=0
var pathx= new Array()
var ii=0
for (i=0;i<=path.length-1;i=i+2) {
pathx[ii]=path[i]
ii++
}
ii=0
var pathy= new Array()
for (i=1;i<=path.length-1;i=i+2) {
pathy[ii]=path[i]
ii++
}
if (gloweffect==1) {
gloweffect="style='filter:glow(strength=1,color=yellow)'"
}
else {
gloweffect=""
}
if (fontweight==1) {
fontweight="<b>"
}
else {
fontweight=""
}
for (i=0;i<=mes.length-1;i++) {
if (mes[i].length>=maxtextlength) {maxtextlength=mes[i].length}
}
for (i=0;i<=mes.length-1;i++) {
mes[i]=mes[i]+" "
}
if (document.layers) {
if (textsize>20) {textsize=6}
else if (textsize>20) {textsize=5}
else if (textsize>14) {textsize=4}
else if (textsize>10) {textsize=3}
else if (textsize> {textsize=2}
else if (textsize<=7) {textsize=1}
}
var xpos=new Array()
for (i=0;i<=maxtextlength;i++) {
xpos[i]=5000
}
var ypos=new Array()
for (i=0;i<=maxtextlength;i++) {
ypos[i]=5000
}
function randomizer(range) {
return Math.floor(range*Math.random())
}
function makesnake() {
if (i_path<=pathx.length-1) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
xpos[0]=pathx[i_path]
ypos[0]=pathy[i_path]
if (document.all) {
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]+(i*letterspace)
thisspan.posTop=ypos[i]
}
}
if (document.layers) {
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]+(i*letterspace)
thisspan.top=ypos[i]
}
}
i_path++
timer=setTimeout("makesnake()",20)
}
else {
clearTimeout(timer)
endposition()
}
}
function endposition() {
if (i_endposition<=stoptimemilli) {
if (document.all) {
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posTop+=Math.ceil(8*Math.random())-4
}
}
if (document.layers) {
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.top+=Math.ceil(8*Math.random())-4
}
}
i_endposition++
timer=setTimeout("endposition()",10)
}
else {
clearTimeout(timer)
i_endposition=0
endposition2()
}
}
function endposition2() {
if (i_endposition<=30) {
if (document.all) {
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posTop+=Math.ceil(200*Math.random())-70
}
}
if (document.layers) {
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.top+=Math.ceil(200*Math.random())-70
}
}
i_endposition++
timer=setTimeout("endposition2()",20)
}
else {
clearTimeout(timer)
i_endposition=0
clearmessage()
}
}
function clearmessage() {
finalxpos=tickertop
i_path=0
for (i=0;i<=maxtextlength;i++) {
xpos[i]=5000
}
if (document.all) {
for (i=0;i<=maxtextlength;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=" "
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]=5000
}
}
if (document.layers) {
for (i=0;i<=maxtextlength;i++) {
var thisspan = eval("document.span"+i+".document")
thisspan.write("<p> </p>")
thisspan.clear()
thisspan = eval("document.span"+i)
thisspan.left=5000
}
}
timer=setTimeout("changemessage()",2000)
}
function changemessage() {
var messa=mes[i_mes]
message=messa.split("")
if (document.all) {
for (i=0;i<=message.length-1;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor[Math.floor((textcolor.length)*Math.random())]+"'>"+fontweight+message[i]+"</p>"
}
}
if (document.layers) {
for (i=0; i<message.length-1; i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write("<p><font size="+textsize+" color="+textcolor[Math.floor((textcolor.length)*Math.random())]+" face="+textfont+">"+fontweight+message[i]+"</font></p>")
thisspan.clear()
}
}
i_mes++
if (i_mes>=mes.length) {i_mes=0}
finalxpos=tickertop
i_path=0
timer=setTimeout("makesnake()",1000)
}
// annie-->
</SCRIPT>
<STYLE>.dance {
LEFT: 5000px; VISIBILITY: visible; POSITION: absolute
}
</STYLE>
步驟二 :
將以下程式碼複製 , 貼在網頁原始檔HTML <body> 之內 .
onload=changemessage()
步驟三 :
將以下程式碼複製 , 貼在網頁原始檔HTML <body> 與 </body> 之間 .
<SCRIPT>
<!--annie
for (i=0;i<=maxtextlength;i++) {
document.write("<span id='span"+i+"' class='dance' "+gloweffect+">")
document.write(message)
document.write("</span>")
}
//annie-->
</SCRIPT>