ตัวอย่าง

 

 

 

 

 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 ]

1