Zickzacktext

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Zickzacktext

Beitrag von Hape »

Um einen Zickzacktext zu erstellen, muss man einfach die Zeile des Ausführcodes an der Stelle einfügen, wo der Text dann auch erscheinen soll.

Code: Alles auswählen

<script type="text/javascript">
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/

function Zickzacktext18(ZZText18,ZZmaximale_Hoehe18)
{
var ZZaktuelle_Hoehe18 = 0;
var ZZauf_ab18 = 1;
var ZZAusgabe18 = "";

if(ZZmaximale_Hoehe18+""=="NaN")
ZZmaximale_Hoehe18 = 0;

for(var i=0;i<(ZZText18+"*").lastIndexOf("*");i++)
{
ZZAusgabe18 += '%3Cspan style="position: relative; top: '+ZZaktuelle_Hoehe18+'px">'+ZZText18.charAt(i)+'%3C/span>';
ZZaktuelle_Hoehe18 += ZZauf_ab18==0 ? 1:-1;

if(ZZaktuelle_Hoehe18==-ZZmaximale_Hoehe18-1)
ZZauf_ab18 = 0;
if(ZZaktuelle_Hoehe18==0)
ZZauf_ab18 = 1;
}

document.write(unescape(ZZAusgabe18));
}
//-->
</script>

Code: Alles auswählen

<script type="text/javascript">
<!--
Zickzacktext18("Mein Text", 6);
//-->
</script>
Hier eine Demoseite dazu: Zickzacktext

Antworten