Angestupster Text

Mit diesem Javascript könnt ihr den Besuchern eurer Homepage einen beliebigen Text anzeigen, welcher auf der linken Seite kurz angestoßen wird und anschließend nach rechts durchläuft.

Ihr könnt bei diesem Javascript neben dem Text auch noch den Farbcode sowie die Geschwindigkeit anpassen.

Hier seht ihr eine Demo dieses Scripts.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // Dein Text var meintext = "Willkommen auf meiner Seite"; var farbe = "#FF6633"; var speed = 40; // je kleiner diese Zahl, desto schneller // ab hier nichts mehr ändern! document.write('<h2><div id="anstx" style="color:'+farbe+';"></div></h2>'); 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 anst0() { if( meintext.length > 6 ) { for( i = 0; i != meintext.length; i++ ) { txt = txt + "<span style='position:relative;' id='n" + i + "'>" + meintext.charAt(i) + "</span>"; } document.getElementById("anstx").innerHTML = txt; txt = ""; anst1a(); } else { alert("Dein Text ist zu kurz!"); } } function anst1a() { document.getElementById("n0").style.left = -num2 + "px"; if( num2 != 9 ) { num2 = num2 + 3; setTimeout( "anst1a()", speed ); } else { anst1b(); } } function anst1b(){ document.getElementById("n0").style.left = -num2 + "px"; if( num2 != 0 ){ num2 = num2 - 3; setTimeout( "anst1b()", speed ); } else { anst2(); } } function anst2(){ txt = ''; for( i = 0; i != meintext.length; i++ ) { if( i + num > -1 && i + num < 7 ) { txt = txt + "<span style='position:relative;top:" + mes[i + num] + "px'>" + meintext.charAt(i) + "</span>"; } else { txt = txt + "<span>" + meintext.charAt(i) + "</span>"; } } document.getElementById("anstx").innerHTML = txt; txt = ""; if( num != ( -meintext.length ) ) { num--; setTimeout( "anst2()", speed ); } else { num = 0; setTimeout( "anst0()", speed ); } } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/angestupster-text/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">anst0();</script> <!-- präsentiert von kostenlose-javascripts.de -->