Shuffle tekst

Shuffle tekst

Dit geeft ook wel een leuk teksteffect, misschien dat je hem als intro kan gebruiken?

Plaats dit regeltje aan het begin van de bodytag als onloader
<body onload="init(0)">

Plaats onderstaande tussen de body tags op de plaats waar je de tekst wilt weergeven:
<script language="JavaScript1.2"> //vul hier je eigen tekst in var msg = "ANOUKS WEB" var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ !"; function makeArray(n){ this.length = n; return this; } function shuffle(arr){ var k; for (i=0; i<arr.length; i++){ k = Math.round(Math.random() * (arr.length - i - 1)) + i; temp = arr[i];arr[i]=arr[k];arr[k]=temp; } return arr; } arr = new makeArray(msg.length); for (var i=0; i<msg.length; i++){ arr[i] = i; } arr = shuffle (arr); for (var i=0; i<msg.length; i++){ //pas hier je eigen stijl aan, bijv: style = \"color:yellow; font-family: fantasy; document.write("<span id = \"vb" + i + "\" style = \"color:yellow; font-family: fantasy; font-size:xx-large; visibility:visible;\">" + msg.charAt(arr[i]) + "</span>"); } function setChar(k){ r = Math.round(Math.random() * chars.length); document.all["vb"+k].innerText = chars.charAt(r); if (chars.charAt(r) == msg.charAt(k)) { document.all["vb"+k].style.color = 'red'; //or whatever color return; } setTimeout("setChar("+k+")", 100); } function init(k){ if (!document.all) return; if (k==msg.length) return; msgchar = msg.charAt(k); setChar(k); k++; setTimeout("init("+k+")", 200); } </script>