Glühende Schrift

Dieses Javascript sorgt für einen sehr interessanten Texteffekt:

Der Text fliegt über den Bildschirm und im Internet Explorer fängt er zusätzlich an zu glühen. Besonders wirkungsvoll ist dies auf einem schwarzen Hintergrund.

Ändern könnt ihr den Text in den Zeilen text[0].. bis text[4]….

Dieses Script funktioniert leider nicht im Mozilla Firefox.

Viel Spass damit 🙂

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- text = new Array(4); text[0]="Hier gibt es"; text[1]="kostenlos"; text[2]="ganz tolle"; text[3]="Javascripts"; schalter = new Array(9); for(x=0;x<9;x++) { schalter[x]=true; } posx1=0; posy1=-170; posx2=0; posy2=240; posx3=430; posy3=-60; posx4=430; posy4=350; document.write("<style type='text/css'>"); for(x=5;x<16;x++) { document.write(".effekt"+x+"{position:relative;top:0px;left:0px;"+"font-family:'serif';"+"font-size:48;"+"width: 100%;"+"filter: glow(color=#00ff00,strength="+x+");}"); } document.write("</style>"); for(x=0;x<4;x++) { document.write('<div class="effekt5" id="tex'+x+'"> '+text[x]+'</div>'); } x=5; function bewege(wert, schritt, grenzeo, grenzeu, tof) { if(schalter[tof]) if((wert += schritt) < grenzeo); else schalter[tof]=false; else if((wert -= schritt) > grenzeu); else schalter[tof]=true; return wert; } function glut() { if(schalter[0]) if(x++ < 15); else{ x--; schalter[0] = false;} else if(x-- > 5); else{ x++; schalter[0] = true;} tex0.className="effekt"+x; tex1.className="effekt"+x; tex2.className="effekt"+x; tex3.className="effekt"+x; posx1 = bewege(posx1, 1, 800 - text[3].length * 25, 0, 1); posy1 = bewege(posy1, 2, 170, -180, 2); posx2 = bewege(posx2, 2, 800 - text[2].length * 25, 0, 3); posy2 = bewege(posy2, 1, 230, -120, 4); posx3 = bewege(posx3, 2, 800 - text[1].length * 25, 0, 5); posy3 = bewege(posy3, 1, 290, -60, 6); posx4 = bewege(posx4, 2, 800 - text[0].length * 25, 0, 7); posy4 = bewege(posy4, 2, 350, 0, 8); tex0.style.top = posy4; tex0.style.left = posx4; tex1.style.top = posy3; tex1.style.left = posx3; tex2.style.top = posy2; tex2.style.left = posx2; tex3.style.top = posy1; tex3.style.left = posx1; setTimeout('glut()', 40); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/gluehende-schrift/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">function addEvent286(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent286(window,'load',glut);</script> <!-- präsentiert von kostenlose-javascripts.de -->