The text in the headline is activated by a left-side push (for Internet Explorer). A wave runs through the text. Please see another example for this effect (on our homepage):

 

Please copy the following code by pushing the below button and paste the copied code into the source code of your own homepage. You can set various parameters within the code as well as insert the text you wish to have ( just read the notice in the code). Have a try!

 

<!-- Set parameters for fonts! --><style type="text/css"> #jump{font-size:28px !important; color:#006400; font-family:Arial; font-weight:bold; font-style:normal;}</style></p> <div align="center"> <div id="jump"> </div> </div> <script> message= "Insert your text here" // Insert the text within the quote signs mes=new Array();mes[0]=-1;mes[1]=-4;mes[2]=-7;mes[3]=-10;mes[4]=-7;mes[5]=-4;mes[6]=-1;num=0;num2=0;txt="";function jump0(){if(message.length > 6){for(i=0;i != message.length;i++){txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};jump.innerHTML=txt;txt="";jump1a()};else{alert("Die Nachricht ist zu kurz !")}};function jump1a(){n0.style.left=-num2;if(num2 != 9){num2=num2+3;setTimeout("jump1a()",50)};else{jump1b()}};function jump1b(){n0.style.left=-num2;if(num2 != 0){num2=num2-3;setTimeout("jump1b()",50)};else{jump2()}} function jump2(){txt="";for(i=0;i != message.length;i++){if(i+num > -1 && i+num < 7){txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"};else{txt=txt+"<span>"+message.charAt(i)+"</span>"}};jump.innerHTML=txt;txt="";if(num != (-message.length)){num--;setTimeout("jump2()",50)};else{num=0;setTimeout("jump0()",50)}};jump0() </script

 

And now: enjoy tinkering!

 

 

This page was last updated on: 22.05.2011