Een makkelijke en ruimtebesparende nieuwsticker.
Plaats onderstaande code tussen de <head> tags van je pagina:
<style type=text/css> .tajj { font-weight:bold; font-size:12px; text-align:center; font-family:Arial; color:navy;} .tajc { font-weight:bold; font-size:12px; text-align:left; font-family:Arial; color:navy;} </style> <script language="JavaScript"> //de breedte in pixels; var dwidth=250; //de hoogte in pixels var dheight=30; //snelheid: hoger is sneller! var dspeed=100; //achtergrondkleur, kun je leeg laten voor geen kleur; var dbcolor="yellow"; //Je boodschap mesaj='Dit is een makkelijk nieuwsticker, ieder letter word verlicht van links naar rechts, als hij stopt onderstreept hij alle woorden...'; var kk=0;var scant=''; function scaneer(){ if(kk<=mesaj.length){ scant=''; for(var jk=0;jk<mesaj.length;jk++){ if(jk==kk)scant+='<font color="red">'+mesaj.charAt(kk)+'</font>'; else scant+=mesaj.charAt(jk); } if(document.getElementById||document.all)iens6div.innerHTML='<div class=tajj><b>'+scant+'</b></div>'; else{ ns4tw.document.write('<div class=tajj><b>'+scant+'</b></div>');ns4tw.document.close(); } if(kk<mesaj.length)kk++; else{ if(document.getElementById||document.all){ iens6div.innerHTML='<div class=tajj><font color="red"><b><u>'+scant+'</font></u></b></div>';clearInterval(ttimer); } else{ ns4tw.document.write('<div class=tajj><b><u><font color="red">'+scant+'</font></b></u></div>');ns4tw.document.close();clearInterval(ttimer); }}}} function scanner(){ if(document.getElementById) iens6div=document.getElementById('scandiv'); else if(document.all) iens6div=scandiv; else if(document.layers) ns4tw=document.twinmoveb0.document.twinmoveb1; ttimer=setInterval("scaneer();",100); } </script>
Vervang de eerste <BODY> tag door dit regeltje:
<body onload="scanner();">
Plaats deze code op de plaats waar je wilt dat de ticker verschijnt.
<table border=1 CELLSPACING="0" align="center" CELLPADDING="0"><tr><td width=250> <script language="JavaScript">if(document.all||document.getElementById){ document.write('<div id="scandiv" style="position:relative;width:'+dwidth+';height:'+dheight+';background-color:'+dbcolor+';"></div>'); }</script> <ilayer id="twinmoveb0" width=&{dwidth}; height=&{dheight}; bgcolor=&{dbcolor};> <layer id="twinmoveb1" width=&{dwidth}; height=&{dheight};></layer></ilayer></td></tr></table>