ตัวอย่างTickerTape

 

 

 1.ตรงที่เป็น var tickerwidth='65%'  จะเปลี่ยนความกว้างเป็นเท่าไรก็ได้
 2.ตรงที่เป็น var tickerbgcoloe='lightblue' เป้นการใส่สีแบ็คกราวด์เราสามารถเปลี่ยนสีได้อย่างที่ต้องการ
 3.ตรงที่เป็น tickercontents[0]='........' เป็นส่วนที่เป็นข้อความที่จะให้ปรากฏ(มี3ข้อความ)
 4. ตรงที่เป็น var tickdelay=3000 เป็นเวลาของการแสดงแต่ละข้อความ(หน่วยเป็น1/1000วินาที)

Code

<script language="JavaScript1.2">

/*
Ticker Tape script- 
ฉ Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
var tickercontents=new Array()
tickercontents[0]='ข้อความที่1'
tickercontents[1]='ข้อความที่2 <a href="http://www.geocities.com/banabana_web/index.html">Linkได้</a>'
tickercontents[2]='ข้อความที่3 (ทำไว้3ข้อความครับ)'

//configure the below 2 variables to set the width/background color of the ticker
var tickerwidth='65%'
var tickerbgcolor='lightblue'

//configure the below variable to determine the delay between ticking of messages (in miliseconds
var tickdelay=3000

////Do not edit pass this line////////////////

var currentmessage=0

function changetickercontent(){
if (document.layers){
document.tickernsmain.document.tickernssub.document.write(tickercontents[currentmessage])
document.tickernsmain.document.tickernssub.document.close()
}
else if (document.all)
tickerie.innerHTML=tickercontents[currentmessage]

if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}

function start_ticking(){
if (document.layers)
document.tickernsmain.visibility="show"
changetickercontent()
}

if (document.all)
document.write('<div id="tickerie" style="width:'+tickerwidth+'; background-color:'+tickerbgcolor+'"></div>')
window.onload=start_ticking
</script>


<ilayer id="tickernsmain" width=&{tickerwidth}; bgColor=&{tickerbgcolor}; visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0></layer></ilayer>

[ Home ]  [ Chatroom ]  [ Board 1]  [Board 2 ]  [ Book ]  [ Sourcecode ]  [ Free ]  [ Servicesite ]  [ Link ]

1