Source Code

ตัวอย่าง

1. Code1 ใส่ใน Tag <head>   Code2 ใส่ใน Tag <body>
2. ในTag body เติมให้เป็น <body onLoad="initiateticker()">
3. Code1 ใส่ข้อความที่ message[0]="........" ถึง message[3]=".............." เพิ่มข้อความได้ตามต้องการ
4. Code1 กำหนดรายละเอียดที่
         - var tickerpadding=10    ตำแหน่งของการแสดงข้อความ (pixels)(จากมุมซ้ายของขอบจอ)
         - var fnt="Arial"   แบบตัวอักษร
         - var fntsize=70 ขนาดตัวอักษร
         -var fntcolor="CCDDCC" สีตัวอักษร
         - var fntsizelastletter=70 ขนาดตัวอักษร
         -var fntcolorlastletter="88FF88"    สีตัวอักษร
         - var fntweight=7 ความหนาของตัวอักษร(1-7)
         - var standstill=2000 ระยะเวลาแสดงแต่ละข้อความ (microseconds)
         - var speed=40 ความเร็วในการแสดงข้อความ(ยิ่งน้อยยิ่งเร็ว)
         - var leftposition=100 ตำแหน่งของข้อความ(จากริมซ้ายของขอบจอ)
               -var topposition=150 ตำแหน่งของข้อความ(จากด้านบนของขอบจอ)
5.Code2 ไม่ต้องเปลี่ยนแปลง

Code1

var tickerwidth
var tickerheight
var i_substring=0
var i_presubstring=0
var i_message=0
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100

function initiateticker() {
if (document.all) {
tickerheight = document.body.clientHeight-5
tickerwidth = document.body.clientWidth-5
document.all.ticker.style.posLeft=leftposition
document.all.ticker.style.posTop=topposition
showticker()
}
if (document.layers) {
tickerheight = window.innerHeight-10
tickerwidth = window.innerWidth-10
document.ticker.left=leftposition
document.ticker.top=topposition
showticker()
}
}

function getmessagecontent() {
messagepresubstring=message[i_message].substring(0,i_presubstring)
messageaftersubstring=message[i_message].substring(i_presubstring,i_substring)
messagecontent="<table border=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"
messagecontent+="<font color='"+fntcolor+"'>"
messagecontent+=messagepresubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>"
messagecontent+="<font color='"+fntcolorlastletter+"'>"
messagecontent+=messageaftersubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="</td></tr></table>"
}

function showticker() {
if (i_substring<=message[i_message].length-1) {
i_substring++
i_presubstring=i_substring-1
if (i_presubstring<0) {i_presubstring00}
getmessagecontent()
if (document.all) {
ticker.innerHTML=messagecontent
var timer=setTimeout("showticker()", speed)
}
if (document.layers) {
document.ticker.document.write(messagecontent)
document.ticker.document.close()
var timer=setTimeout("showticker()", speed)
}
}
else {
clearTimeout(timer)
var timer=setTimeout("changemessage()", standstill)
}
}

function changemessage() {
i_substring=0
i_presubstring=0
i_message++
if (i_message>message.length-1) {
i_message=0
}
showticker()
}

// - End of JavaScript - -->
</script>

Code2