ตัวอย่าง
|
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 ]