Bunter Text

Die Idee für dieses Javascript stammt von unserem User Mehmet.

Ihr könnt dabei eine Art „Liste“ von Elementen vorgeben, die dann anschließend bunt durcheinandergeschüttelt wird in einer zufälligen Reihenfolge. Die Schriftarten, die Farben und die Schriftgrößen könnt ihr auch selbst festlegen.

Wichtig ist, dass euer Text innerhalb des div-Elementes mit der id shufflelist steht. Ansonsten funktioniert es nicht.

<!-- präsentiert von kostenlose-javascripts.de --> <div id="shufflelist"> <div>Besucht</div> <div>doch einmal</div> <div>kostenlose-javascripts.de</div> <div>es tut nicht weh</div> <div>und macht Spass</div> <div>Bis bald</div> </div> <script type='text/javascript'> <!-- var interval = 1; // in Sekunden var sizes = new Array("3", "4", "5", "6", "7"); var colors = new Array("#FF0000", "#0000FF", "#009900", "#CC00CC", "#33CCCC"); var faces = new Array("Arial", "Tahoma", "Verdana", "Comic Sans MS"); function ShuffleList() { var shufflelist = document.getElementById('shufflelist').childNodes; var s = parseInt((Math.random() * 100) % sizes.length); var c = parseInt((Math.random() * 100) % colors.length); var f = parseInt((Math.random() * 100) % faces.length); var i = parseInt((Math.random() * 100) % shufflelist.length); if (i%2 == 0) { i++; } if (i>=shufflelist.length) { i = 1; } shufflelist[i].style.setAttribute('fontSize', ( sizes[s] * 7 ) + 'px' ); shufflelist[i].style.setAttribute('color', colors[c] ); shufflelist[i].style.setAttribute('fontFamily', faces[f] ); window.setTimeout("ShuffleList()", interval * 1000); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/bunter-text/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">ShuffleList();</script> <!-- präsentiert von kostenlose-javascripts.de -->