Der Text in der Überschrift wird links "angestossen". Eine Welle zieht sich durch den Text. Hier sieht man ein anderes Beispiel für die Wellenschrift:

Das nachfolgende Script kopieren und in den Quellcode der eigenen Seite einfügen. Bitte die Hinweise im Script beachten. Dort kann man verschiedene Parameter einstellen, die Schrift formatieren und den Text eingeben, den man mit Wellen versehen möchte. Bitte ausprobieren!

 <!-- Hier die Schrift formatieren !   --><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= "Hier kommt ein beliebiger Text rein"      // Hier den Text eintragen


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

Viel Spass beim Tüfteln!

Diese Seite wurde zuletzt bearbeitet am: 27.01.2010