ตัวอย่าง
|
1.
Code1 ใส่ใน Tag <head>Code2 ใส่ใน Tag<body> 2.Code1เป็นการกำหนดรูปแบบตัวอักษร(font-family : Arial ;font-size : 15pt; font-weight : bold; ) 3.Code2 เปลี่ยนข้อความที่จะให้ปรากฏที่ (บรรทัดที่38-41) message[0]='www.banabana.u4l.com' มีตั้งแต่message[0] ถึง message[3] 4.Code2 เปลี่ยนสีแบ็คกราวด์และสีตัวอักษรที่ (บรรทัดที่35-35) var bgcolor="#FFFFFF"; //เปลี่ยนสีแบ็คกราวด์ที่นี่ var color="#FF0000"; //เปลี่ยนสีตัวอักษรที่นี่ 5.Code2 กำหนดตำแห่งที่จะให้แสดงข้อความและความสูงความกว้างของกรอบข้อความที่ (บรรทัดที่3จากด้านล่าง) <Div id="textanim" style="position: absolute; left: 47; top: 200; width: 613; height: 19" onclick="breakf()"> 6. ข้อความที่ใส่ลงไปนั้นสามารถใส่Hyperlinkได้ (ดูจาก message[3] ) |
Code1 |
<style
type="text/css">
<!-- .textanimlink,a { text-decoration : none; } P.main { font-family : Arial; font-size : 15pt; font-weight : bold; } --> </style> |
Code2 |
<Script
Language="Javascript">
<!-- Hiding <!--http://www.banabana.u4l.com--> bname=navigator.appName; bversion=parseInt(navigator.appVersion) if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)) window.onload=start else stop(); window.onunload=stop if (bname=="Netscape"){ brows=true dt=2 } else{ brows=false dt=20 } var z=0; var msg=0; var rgb=0; var link=false; var status=true; var updwn=false; var message= new Array(); var value=0; var h=window.innerHeight; var w=window.innerWidth; var timer1; var timer2; var timer3; var convert = new Array() var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); <!--ใส่สีและข้อความด้นล่างนี้--> var bgcolor="#FFFFFF"; //เปลี่ยนสีแบ็คกราวด์ที่นี่ var color="#FF0000"; //เปลี่ยนสีตัวอักษรที่นี่ <!--ใส่ข้อความที่นี่--> message[0]='www.banabana.u4l.com' message[1]='มีSourceCodeJava.' message[2]='ให้เอาไปใช้มากมาย' message[3]='<a href="http://www.geocities.com/banabana_web/index.html">กลับหน้าแรกคลิกที่นี่ครับ</a>' for (x=0; x<16; x++){ for (y=0; y<16; y++){ convert[value]= hexbase[x] + hexbase[y]; value++; } } redx=color.substring(1,3); greenx=color.substring(3,5); bluex=color.substring(5,7); hred=eval(parseInt(redx,16)); hgreen=eval(parseInt(greenx,16)); hblue=eval(parseInt(bluex,16)); eredx=bgcolor.substring(1,3); egreenx=bgcolor.substring(3,5); ebluex=bgcolor.substring(5,7); ered=eval(parseInt(eredx,16)); egreen=eval(parseInt(egreenx,16)); eblue=eval(parseInt(ebluex,16)); red=ered; green=egreen; blue=eblue; function start(){ if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){ link=false; updwn=true; if (brows) res=document.layers['textanim'].top else{ textanim.style.width=document.body.offsetWidth-20; textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>' res=textanim.style.top for (x=0; x<document.all.length; x++) if(document.all[x].id=="textanimlink") link=true; } up() } } function stop(){ clearTimeout(timer1); clearTimeout(timer2); clearTimeout(timer3); } function resz(){ h=window.innerHeight; w=window.innerWidth; if (updwn) timer1=setTimeout('up()',1000) else timer2=setTimeout('down()',1000) } function breakf(){ if (status){ clearTimeout(timer1); clearTimeout(timer2); status=false return; } else{ status=true; if (updwn) timer1=setTimeout('up()',dt) else timer2=setTimeout('down()',dt) } }
function up(){ if (red<hred){ if ((red+7)<hred) red+=7; else red=hred redx = convert[red] } else{ if ((red-7)>hred) red-=7; else red=hred redx = convert[red] } if (green<hgreen){ if ((green+7)<hgreen) green+=7; else green=hgreen greenx = convert[green] } else{ if ((green-7)>hgreen) green-=7; else green=hgreen greenx = convert[green] } if (blue<hblue){ if ((blue+7)<hblue) blue+=7; else blue=hblue bluex = convert[blue] } else{ if ((blue-7)>hblue) blue-=7; else blue=hblue bluex = convert[blue] } rgb = "#"+redx+greenx+bluex; if (brows){ document.layers['textanim'].document.linkColor=rgb; document.layers['textanim'].document.vlinkColor=rgb; if (window.innerHeight!=h || window.innerWidth!=w){ clearTimeout(timer1); resz() return; } else{ document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>') document.layers['textanim'].document.close(); } } else{ textanim.style.color=rgb; if(link) textanimlink.style.color=rgb; } if (z<38){ if (brows) document.layers['textanim'].top-- else textanim.style.posTop-- z++ timer1=setTimeout('up()',dt) } else { updwn=false; down() } }
function down(){ if (red<ered){ if ((red+7)<ered) red+=7; else red=ered redx = convert[red] } else{ if ((red-7)>ered) red-=7; else red=ered redx = convert[red] } if (green<egreen){ if ((green+7)<egreen) green+=7; else green=egreen greenx = convert[green] } else{ if ((green-7)>egreen) green-=7; else green=egreen greenx = convert[green] } if (blue<eblue){ if ((blue+7)<eblue) blue+=7; else blue=eblue bluex = convert[blue] } else{ if ((blue-7)>eblue) blue-=7; else blue=eblue bluex = convert[blue] } rgb = "#"+redx+greenx+bluex; if (brows){ document.layers['textanim'].document.linkColor=rgb; document.layers['textanim'].document.vlinkColor=rgb; if (window.innerHeight!=h || window.innerWidth!=w){ clearTimeout(timer2); resz() return; } else{ document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>') document.layers['textanim'].document.close(); } } else{ textanim.style.color=rgb; if(link) textanimlink.style.color=rgb; } if (z<76){ if (brows) document.layers['textanim'].top-- else textanim.style.posTop-- z++ timer2=setTimeout('down()',dt) } else { if (brows){ document.layers['textanim'].document.write('') document.layers['textanim'].document.close(); } else textanim.innerHTML=''; window.clearInterval(timer2); if(msg<message.length-1){ msg++; z=0; if (brows){ document.layers['textanim'].top=res; } else textanim.style.top=res; timer3=setTimeout('start()',100); } else { msg=0; z=0; if (brows) document.layers['textanim'].top=res; else textanim.style.top=res; timer3=setTimeout('start()',2000); } } }
// done hiding --> </Script> <!--วางตำแหน่งที่จะให้ปรากฏข้อความที่นี่ (ตรง left: 47;top:200)--> <Div id="textanim" style="position: absolute; left: 47; top: 200; width: 613; height: 19" onclick="breakf()"> </Div> <Layer name="textanim" left=0 top=440> </Layer>
|
[ Home ] [ Chatroom ] [ Board 1] [Board 2 ] [ Book ] [ Sourcecode ] [ Free ] [ Servicesite ] [ Link ]