ตัวอย่าง

 

 

 

 

 1. Code1 ใส่ใน Tag <head>  Code2 ใส่ใน Tag <body>
 2. ในTag bodyเติมให้เป็น
<body onLoad="init()">
 3. Code1 เปลี่ยนแปลงตัวอักษรได้ตามต้องการตรง
           
font-size:20pt;//ขนาดตัวอักษร
           
font-weight:bold;
        line-height:0.8;
        font-family:MS Sans Serif;
//แบบตัวอักษร
            
color:red;//สีตัวอักษร
            
background-color:white;//สีแบ็คกราวด์
 4. Code1ใส่ข้อความตรง   
message[0]="......." ถึง message[4]="........."
 5. Code1 ใส่หน้าLinkให้ข้อความที่   
messageurl[0]="..........."  ถึงmessageurl[4]="........"
 6. Code1 ใส่target ของ Link ที่  
messagetarget[0]="_blank" ถึง messagetarget[4]="_blank"
 7. กำหนดรายละเอียดของกรอบข้อความที่
     -
var messageheight=80   กำหนดความสูงของกรอบข้อความ (pixels)
     -
var messagewidth=250  กำหนดความกว้างของกรอบ (pixels)
     -
var messagetop=200  กำหนดตำแหน่งของข้อความ(pixels)
     -
var messageleft=250   กำหนดตำแหน่งของข้อความ(pixels)
     -
var stripecolor1="blue" กำหนดสีของeffect
       -
var stripecolor2="yellow" กำหนดสี effect
     -
var pause=1000   กำหนดเวลาห่างของแต่ละข้อความยิ่งน้อยยิ่งเร็ว

Code1
  <style type="text/css">

.textstyle {

position:absolute;

left:-2000px;

font-size:20pt;//ขนาดตัวอักษร

font-weight:bold;

line-height:0.8;

font-family:MS Sans Serif;//แบบตัวอักษร

color:red;//สีตัวอักษร

background-color:white;//สีแบ็คกราวด์

filter:chroma(color=black;);

}

A,A:visited {

color:black;

text-decoration:none;

}

A:Hover {

font-style:italic;

}

.bgdivstyle {

position:absolute;

left:-2000px;

filter:wave(strength=2,freq=5,phase=5,lightstrength=40);

}

</STYLE>

<SCRIPT LANGUAGE="JavaScript">

<!-- Beginning of JavaScript -

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

 

// ใส่ข้อความที่นี่ครับ

var message=new Array()

message[0]="กลับหน้าแรกครับ"

message[1]="ไปดูการทำText Animator"

message[2]="ไปดูการทำBink Text Link"

message[3]="ไปดูการทำSide Menu"

message[4]="ไปดูการทำ Bullet Move"

 

// ใส่Linkให้กับข้อความ

var messageurl=new Array()

messageurl[0]="../../index.html"

messageurl[1]="code_textanimator.html"

messageurl[2]="code_binktextlink.html"

messageurl[3]="code_sidemenu.html"

messageurl[4]="code_bulletmove.html"

 

// ใส่targetให้กับตัวLinkเช่น'_blank' or '_top' or '_parent' or '_self'

//หรือถ้าหน้าเวบเป็นเฟรมให้ใส่ชื่อเฟรมเช่น'main'

var messagetarget=new Array()

messagetarget[0]="_blank"

messagetarget[1]="_blank"

messagetarget[2]="_blank"

messagetarget[3]="_blank"

messagetarget[4]="_blank"

// กำหนดความสูงของกรอบข้อความ (pixels)

var messageheight=80

// กำหนดความกว้างของกรอบ (pixels)

var messagewidth=250

// กำหนดตำแหน่งของข้อความ(pixels)

var messagetop=200

// กำหนดตำแหน่งของข้อความ(pixels)

var messageleft=250

// กำหนดสี

var stripecolor1="blue"

var stripecolor2="yellow"

var stripenumbers=3

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

var pause=1000

 

var i_message=0

var timer

var bgcontent=""

function init() {

if (document.all) {

bgcontent="<table cellpadding=90 cellspacing=0 width="+messagewidth+" height="+messageheight+">"

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

bgcontent+="<tr><td bgcolor="+stripecolor1+"></td></tr>"

bgcontent+="<tr><td bgcolor="+stripecolor2+"></td></tr>"

}

bgcontent+="</table>"

bgdiv.innerHTML=bgcontent

text.style.width=messagewidth

text.style.height=messageheight

document.all.text.style.posTop=messagetop

document.all.text.style.posLeft=messageleft

document.all.bgdiv.style.posTop=messagetop

document.all.bgdiv.style.posLeft=messageleft

setInterval("bgdiv.filters.wave.phase+=5",100);

changemessage()

}

}

function changemessage() {

i_message++

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

text.innerHTML="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"+message[i_message]+"</a>"

var timer=setTimeout("changemessage()", pause)

}

// - End of JavaScript - -->

</SCRIPT>

Code2
   <DIV ID="bgdiv" class="bgdivstyle"></DIV>

    <DIV ID="text" class="textstyle" ></DIV>

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

1