Text Bounces

[Total: 0    Average: 0/5]

This example bounces vertically your message.

Body Code:

<SCRIPT LANGUAGE="JavaScript">
<!--
done = 0;
step = 5
function anim(yp,yk)
{
 if(document.layers) document.layers["napis"].top=yp;
 else  document.all["napis"].style.top=yp;
 if(yp>yk) step = -4
 if(yp<60) step = 4
 setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
 if(done) return
 done = 1;
 if(navigator.appName=="Netscape") {
  document.napis.left=innerWidth/2 - 145;
  anim(60,innerHeight - 60)
 }
 else {
  napis.style.left=11;
  anim(60,document.body.offsetHeight - 60)
 }
}
//-->
</SCRIPT>
<div id='napis' style='position: absolute; top: -50; color: #D23842; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;'>Type your text here ...</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
 setTimeout('start()',10);
//-->
</SCRIPT>

Times Viewed: 0

Leave a Reply

Your email address will not be published. Required fields are marked *