Er is geen CSS ondersteuning.
Als je mij probeert wijs te maken dat deze golvende tekst aan jouw
aandacht ontsnapt is, dan geloof ik je echt niet...
Het is niet verstandig om dit effect continue te gebruiken. Bezoekers worden
zenuwachtig van al die bewegingen. Gebruik het alleen als je 100% zeker wilt weten
dat "de boodschap overkomt". De procedure is overigens niet zo moeilijk.
Geef een span (of een div) het id "golf" en geef de body-tag - onload="doe(0)" - of start de procedure op een andere manier. Als je dan ergens onderop de pagina het hieronder-staande stukje javascript plaatst, behoort alles te werken.
<script>
var u,i,n,q,el,s,dlt;
function volgendformaat(i,manier,lengtetekst){
dlt=lengtetekst/3.14;
if(manier==1){return(22*Math.abs(Math.sin(i/(dlt))));}
else{return(255*Math.abs(Math.cos(i/(dlt))));}}
function verander(detekst,eenmanier,maat){
var output="";
for(i=0;i<detekst.length;i++){
s=parseInt(volgendformaat(i+maat,eenmanier,detekst.length),10);
output+="<span style='font-size: "+s+"pt'>"+detekst.substring(i,i+1)+ "</span>";}
el=document.getElementById('golf');
if(document.all){
el.innerHTML=output;}
else if(document.getElementById){
q=document.createRange();
q.setStartBefore(el);
u=q.createContextualFragment(output);
while(el.hasChildNodes()){el.removeChild(el.lastChild);}
el.appendChild(u);}}
function doe(n){
var tekzt='geef tekst de maximale aandacht';
verander(tekzt,1,n);
if(n>tekzt.length){n=0;}
setTimeout("doe("+(n+1)+")",50);}
</script>
cache 26-09-2010