Zickzacktext

Mit diesem JavaScript von unserem User Valentin Hammer kann man einen welligen Text ausgeben.

Der Text und die Breite der Wellen kann man dabei selbst definieren über die oben im Script enthaltenen Variablen. Im Beispiel hier lautet der Text: Das ist mein ZickZack-Text und die Wellenbreiten ist auf 6 gesetzt.

Je länger der Text ist, des welliger wird er dargestellt 😉

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- /* © Valentin Hammer Originalversion auf http://www.supermario.homepage.eu */ var ZZ_meinText = 'Das ist mein ZickZack-Text'; var ZZ_Breite = 6; /* AB HIER NICHTS MEHR AENDERN! */ var ZZaktuelle_Hoehe = 0; var ZZauf_ab = 1; var ZZAusgabe = ""; function Zickzacktext(ZZText, ZZmaximale_Hoehe) { if((ZZmaximale_Hoehe+"")=="NaN") ZZmaximale_Hoehe = 0; for(i=0;i<(ZZText+"*").lastIndexOf("*");i++) { ZZAusgabe += '<span style="position: relative; top: '+ZZaktuelle_Hoehe+'px">'+ZZText.charAt(i)+'</span>'; if(ZZauf_ab==0) ZZaktuelle_Hoehe++; if(ZZaktuelle_Hoehe==-ZZmaximale_Hoehe) ZZauf_ab = 0; if(ZZauf_ab==1) ZZaktuelle_Hoehe--; if(ZZaktuelle_Hoehe==0) ZZauf_ab = 1; } document.write(ZZAusgabe); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/zickzacktext/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">Zickzacktext(ZZ_meinText, ZZ_Breite);</script> <!-- präsentiert von kostenlose-javascripts.de -->