one line scroller

Plak dit tussen de HEAD-TAGS <script language="JavaScript1.2"> var message= new Array() // verander hieronder iedere boodschap als volgt: // message[indexnumber]="tekst van de titel|uitleg van tekst|URL of link" // je kunt net zoveel boodschappen toevoegen als je wilt. message[0]="LEEJOO'S WEBHEBBIES|1 Het startpunt voor de beginnende webmaster |http://www.leejoo.nl" message[1]="LEEJOO'S WEBHEBBIES|2 Het startpunt voor de beginnende webmaster |http://www.leejoo.nl" message[2]="LEEJOO'S WEBHEBBIES|3 Het startpunt voor de beginnende webmaster |http://www.leejoo.nl" message[3]="LEEJOO'S WEBHEBBIES|4 Het startpunt voor de beginnende webmaster |http://www.leejoo.nl" // hoogte van de scrollbox (pixels) var scrollerheight=20 // breedte van de titelbox (pixels) var titlezonewidth=130 // breedte van het uitleg gedeelte (pixels) var copyzonewidth=400 // horizonal position: afstand vanaf de bovenste paginarand (pixels) var scrollertop=90 // vertical position: afstand tot de linker paginarand (pixels) var scrollerleft=120 // randdikte van de scrollbox var scrollerborder=1 // achtergrondkleur van het titelscherm var titlezonebg="404040" // achtergrondkleur van het uitleggedeelte var copyzonebg="CCFFCC" // achtergrondkleur van de scroller var scrollbg="000000" // De target van je links // mogelijkheden zijn '_blank', '_self', '_top', '_parent' of de naam van // het doel window bijvoorbeeld 'main' var targetlink="_blank" // font atributen voor de titel var font_titleface="Verdana" var font_titlecolor="00FF00" var font_titlesize=1 // font atributen voor het uitleggedeelte var font_copyface="Verdana" var font_copycolor="000000" var font_copysize=1 // vul hier 1 in voor een vetgedrukte titel, of 0 voor een normale titel var titlebold=0 // vul hier 1 in voor een vetgedrukte uitleg, of 0 voor een normale titel var copybold=1 // set 'right', 'left' or 'center' voor het uitlijnen van de titel var titlealign="left" // set 'right', 'left' or 'center' voor het uitlijnen van het uitleg gedeelte var copyalign="left" // tijd tussen de verschillende berichten (milliseconds) var standstill=4000 // verander niets beneden deze lijn //copyright www.leejoo.nl var pre_titlebold var after_titlebold var pre_copybold var after_copybold var cliptop=0 var clipbottom=0 var clipleft=0 var clipright=titlezonewidth+copyzonewidth var i_message=0 var mes_joined var mes_split var contenttext var contentbg="" var step=1 var pause=20 if (titlebold==1) { pre_titlebold="<b>" after_titlebold="</b>" } else if (titlebold==0) { pre_titlebold="" after_titlebold="" } if (copybold==1) { pre_copybold="<b>" after_copybold="</b>" } else if (copybold==0) { pre_copybold="" after_copybold="" } function initiate() { mes_joined=message[i_message] mes_split=mes_joined.split("|") contenttext="<table cellpadding=4 cellspacing=0 border=0>" contenttext+="<tr valign='top'>" contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>" contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>" contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>" contenttext+=pre_titlebold contenttext+=mes_split[0] contenttext+=after_titlebold contenttext+="</font></a></td>" contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>" contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>" contenttext+=pre_copybold contenttext+=mes_split[1] contenttext+=after_copybold contenttext+="</font></td></tr>" contenttext+="</table>" var bg_width=titlezonewidth+copyzonewidth+2*scrollerborder var bg_height=scrollerheight+2*scrollerborder contentbg="<table width="+bg_width+" height='"+bg_height+"' cellpadding=0 cellspacing=0 border='"+scrollerborder+"'><tr><td bgcolor='"+scrollbg+"'> </td></tr></table>" if (document.all) { scrollertext.innerHTML=contenttext scrollerbg.innerHTML=contentbg document.all.scrollertext.style.posTop=scrollertop+scrollerheight document.all.scrollertext.style.posLeft=scrollerleft document.all.scrollerbg.style.posTop=scrollertop-scrollerborder document.all.scrollerbg.style.posLeft=scrollerleft-scrollerborder document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollin() } if (document.layers) { document.scrollertext.document.write(contenttext) document.scrollertext.document.close() document.scrollerbg.document.write(contentbg) document.scrollerbg.document.close() document.scrollertext.top=scrollertop+scrollerheight document.scrollertext.left=scrollerleft document.scrollerbg.top=scrollertop-scrollerborder document.scrollerbg.left=scrollerleft-scrollerborder document.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottom scrollin() } } function scrollin(){ if (document.all){ if (document.all.scrollertext.style.posTop>scrollertop) { clipbottom+=step document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.scrollertext.style.posTop-=step var timer=setTimeout("scrollin()",pause) } else { clearTimeout(timer) var timer=setTimeout("scrollout()",standstill) } } if (document.layers){ if (document.scrollertext.top>scrollertop) { clipbottom+=step document.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottom document.scrollertext.top-=step var timer=setTimeout("scrollin()",pause) } else { clearTimeout(timer) var timer=setTimeout("scrollout()",standstill) } } } function scrollout(){ if (document.all){ if (document.all.scrollertext.style.posTop>(scrollertop-scrollerheight)) { cliptop+=step document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.scrollertext.style.posTop-=step var timer=setTimeout("scrollout()",pause) } else { clearTimeout(timer) changemessage() } } if (document.layers){ if (document.scrollertext.top>(scrollertop-scrollerheight)) { cliptop+=step document.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottom document.scrollertext.top-=step var timer=setTimeout("scrollout()",pause) } else { clearTimeout(timer) changemessage() } } } function changemessage(){ i_message++ if (i_message>message.length-1) {i_message=0} mes_joined=message[i_message] mes_split=mes_joined.split("|") cliptop=0 clipbottom=0 contenttext="<table cellpadding=4 cellspacing=0 border=0>" contenttext+="<tr valign='top'>" contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>" contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>" contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>" contenttext+=pre_titlebold contenttext+=mes_split[0] contenttext+=after_titlebold contenttext+="</font></a></td>" contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>" contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>" contenttext+=pre_copybold contenttext+=mes_split[1] contenttext+=after_copybold contenttext+="</font></td></tr>" contenttext+="</table>" if (document.all) { scrollertext.innerHTML=contenttext document.all.scrollertext.style.posTop=scrollertop+scrollerheight document.all.scrollertext.style.posLeft=scrollerleft document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollin() } if (document.layers) { document.scrollertext.document.write(contenttext) document.scrollertext.document.close() document.scrollertext.top=scrollertop+scrollerheight document.scrollertext.left=scrollerleft document.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottom scrollin() } } </script>