Source Code

ตัวอย่าง

1. ใส่ Code ใน Tag <body>ตรงใหนก็ได้
2. ใส่ข้อความที่จะให้ปรากฏที่ message[0]=".........." ถึง message[8]="......."
3. กำหนดรายละเอียดของกรอบและข้อความที่ document.write("<div id='mesdiv' style='position:absolute;top:170px;left:270px;width:120px;h...........
     - กำหนดตำแหน่งที่จะให้ปรากฏที่ position:absolute;top:170px;left:270px; หมายถีงต่ำจากขอบบนจอ=170pixel และห่างจากขอบซ้ายจอ= 270pixel
    - กำหนดขนาดกรอบข้อความที่   width:120px;height:70px;
    - กำหนดสีแบ็คกราวด์ของกรอบที่ background-color:0000FF
    - กำหนดรูปแบบ,ขนาด,สีของตัวอักษรที่ font-family:Arial;font-size:14;font-weight:bold;color:FFFF00'
    - กำหนดรูปแบบของขอบที่ทำให้กรดบดูนูนขึ้นที่ document.write("<div id='maindiv' style='position:absolute;top:168px;left:268px; width:122px;height:72px;overflow:hidden;border-color:00FFFF;border-style:groove;border-width:2px'>")
    หมายเหตุ
   - ตำแหน่งของกรอบ 170px;left:270px และ ตำแหน่งของขอบ 168px;left:268px; จะต่างกัน 2 px เพื่อให้ดูนูนขึ้น
   - ตรงที่เป็น document.write("<div id='mesdiv' style='position..............) จะต้องอยู่ในบรรทัดเดียวกัน(ห้ามขึ้นบรรทัดใหม่)

Code

<!-- Beginning of JavaScript -

//http://www.banabana.u4l.com

var i_span=0

var i_maxspan=50

var i_message=0

var timer

var rand

var message=new Array()

//ใส่ข้อความด้านล่างนี้

message[0]="สวัสดีครับ!"

message[1]="ถ้าคุณกำลังหาSource Code Java"

message[2]="เอาไปแต่งหน้าเวบเพจ"

message[3]="ที่นีมีSource Code มากมาย"

message[4]="ให้คุณนำไปใช้ได้ฟรีๆ"

message[5]="Update Codeใหม่ๆเป็นประจำ"

message[6]="หรือมีข้อสงสัยเรื่องการทำเวบ"

message[7]="Post คำถามไว้ที่ Tutor Board ได้เลยครับ"

message[8]="Bana Bana For Beginner"

var col=new Array()

//สีEffect จะเปลี่ยนก็ได้

col[0]="AACCFF"

col[1]="FFAAFF"

col[2]="FFFFAA"

col[3]="AAFFFF"

col[4]="AAFFAA"

col[5]="FFDDDD"

col[6]="FFCCDD"

col[7]="FFDDDD"

col[8]="FFEEEE"

function randommaker(range) {

rand=Math.floor(range*Math.random())

return rand

}

function showimages() {

if (i_span <= i_maxspan-1) {

var thisspan = eval("document.all.span"+i_span+".style")

thisspan.visibility="VISIBLE"

timer=setTimeout("showimages()",20)

i_span++

}

else {

i_span--

clearTimeout(timer)

mesdiv.innerHTML=message[i_message]

i_message++

if (i_message>=message.length) {i_message=0}

timer=setTimeout("hideimages()",1000)

}

function hideimages() {

if (i_span >= 0) {

var thisspan = eval("document.all.span"+i_span+".style")

thisspan.visibility="HIDDEN"

timer=setTimeout("hideimages()",1)

i_span--

}

else {

clearTimeout(timer)

i_span=0

timer=setTimeout("showimages()",2000)

}

document.write('<body bgcolor=#FFFFFF>')//ใส่สีแบ็คกราวด์

//กำหนดตำแหน่ง,ขนาดกรอบและรายละเอียดของกรอบและข้อความข้างล่างนี้

document.write("<div id='mesdiv' style='position:absolute;top:170px;left:270px;width:120px;height:70px;background-color:0000FF;overflow:hidden;text-align:center;font-family:Arial;font-size:14;font-weight:bold;color:FFFF00'></div>")

document.write("<div id='maindiv' style='position:absolute;top:168px;left:268px; width:122px;height:72px;overflow:hidden;border-color:00FFFF;border-style:groove;border-width:2px'>")

for (i=0;i<=i_maxspan;i++) {

document.write("<span id='span"+i+"' style='position:absolute;top:"+(randommaker(60)-10)+"px;left:"+(randommaker(100)-20)+"px;width:"+randommaker(60)+"px;height:"+randommaker(60)+"px;background-color:"+col[randommaker(9)]+";visibility:hidden'>")

document.write("</span>")

}

document.write("</div>")

showimages()

// - End of JavaScript - -->

</script>