Een leuke ticker die je (nog) niet zo snel tegenkomt :-)
Alle instellingen zijn naar je eigen wensen aan te passen, de instructies heb ik in het script meegegeven.

Plaats onderstaande code tussen de headtags van je pagina:

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> <style> v\:* { behavior: url(#default#VML); } </style>

Plaats onderstaande code tussen de body tags van de pagina

<center> <!-- Bepaal hier de tabelgrootte waar de ticker in komt, zelfde formaat als de ticker zelf aanhouden. --> <table width=200 height=200 border=0 cellpadding=0 cellspacing=0> <tr><td> <SCRIPT> var text=new Array() var textlink=new Array() var texttarget=new Array() // vanaf hier kun je je instellingen aanpassen // Vul hier je boodschap(pen) in text[0]="HAAIII" text[1]="VIND JIJ" text[2]="JAVASCRIPTS" text[3]="OOK" text[4]="ZO" text[5]="LEUK?" text[6]="YEAAAAH!" text[7]="IK WEL" text[8]="!!" text[9]="DOEIIII" // Voeg hier een link bij iedere boodschap // Wil je geen link, gebruik dan # textlink[0]="http://www.anouksweb.nl" textlink[1]="http://www.anouksweb.nl" textlink[2]="http://www.anouksweb.nl" textlink[3]="http://www.anouksweb.nl" textlink[4]="http://www.anouksweb.nl" textlink[5]="http://www.anouksweb.nl" textlink[6]="http://www.anouksweb.nl" textlink[7]="http://www.anouksweb.nl" textlink[8]="http://www.anouksweb.nl" textlink[9]="http://www.anouksweb.nl" // Bepaal hier de target van iedere link // mogelijke waarden: "_blank","_top", "_self", "_parent" of de naam van een frame texttarget[0]="_blank" texttarget[1]="_top" texttarget[2]="_parent" texttarget[3]="_self" texttarget[4]="_blank" texttarget[5]="_top" texttarget[6]="_parent" texttarget[7]="_self" texttarget[8]="_self" texttarget[9]="_self" // bepaal hier het font var textfont="Arial Black" // Vul zoveel fontkleuren in als je wilt var textfontcolor=new Array("#FF0000","#0000FF","#00FF00","#660000") // Vul hier de buitenlijnen van de letters in, ook zoveel als je wilt var outlinecolor=new Array("#000000","#000000","#FDCF15") // Vul hier de schaduwkleuren van de letters in, zoveel als je wilt.. var shadowcolor=new Array("#FFFF00","#00FFFF","#FDCF15") // Verander hier de rollover kleur van de letters (alleen voor Netscape and Opera only) var textfontcolorrollover="#ff0000" // De lettergrootte (alleen voor Netscape and Opera only) var textfontsize=20 // De achtergrondkleur var textbgcolor="#000000" // "bold" of "normal" (alleen voor Netscape and Opera only) var textweight="normal" // "italic" of "normal" (alleen voor Netscape and Opera only) var textitalic="normal" // de breedte en hoogte van de ticker (pixels) // IMPORTANT: width and height must also be set in the table (see top of code) var textwidth=200 var textheight=200 // de rustpauze tussen de boodschappen (seconden) var textpause=2 // de breedte van de rand (pixels) var funtickerborder=3 // De kleur van de rand var funtickerbordercolor="#EF3FA8" // de breedte van de buitenlijn van het de letters (pixels) var widthfontoutline=1 // Sterkte van de opacity van de letters (transparantie van de letters) var fontopacity="50%" // Sterkte van de opacity van de schaduw bij de letters (transparantie van de shaduw) var shadowopacity="50%" // Zet hier "true " neer als je wilt dat de letters een overgangseffect in kleur moeten hebben // wil je het niet, zet je "no" var applygradient=true var i_shape=4 // na hier niets meer aanpassen !!!!!!! var path=new Array() path[0]="m20 0c300 140,300 50,580, 0m20 300c400 100,300 250,580 300e" path[1]="m20 100c300 -50,300 50,580, 100m20 200c300 400,300 300,580 200e" path[2]="m20 120c300 100,300 50,580, 0m20 180c300 180,300 300,580 300e" path[3]="m20 0c300 140,300 50,580, 0m150 300c400 100,300 250,450 300e" var i_path=0 var speed=60 var textdecoration="none" var innerwidth=Math.floor(0.90*textwidth) var innerheight=Math.floor(0.90*textheight) var posleft=Math.floor((textwidth-innerwidth)/2-funtickerborder) var postop=Math.floor((textheight-innerheight)/2) var i_message=0 var i_messagelength=0 var i_outlinecolor=0 var i_textfontcolor=0 var i_shadowcolor=0 var textalign="center" var textvalign="middle" var textitalicA="" var textitalicB="" var textweightA="" var textweightB="" var textfontsizeHTML=1 var i_mes=0 var i_substring=0 var i_presubstring=0 var i_text=0 var textcontent="" var notag=true var textpresubstring="" var textaftersubstring="" textpause*=1000 var browserinfos=navigator.userAgent var ie4=!document.getElementById&&document.all&&!browserinfos.match(/Opera/) var ie5=document.getElementById&&document.all&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/) var opera=browserinfos.match(/Opera/) function gettextcontent() { tablewidth=textwidth-2*funtickerborder tableheight=textheight-2*funtickerborder textpresubstring=text[i_text].substring(0,i_presubstring) var i_prepre=i_presubstring-1 if (i_prepre<0) {i_prepre=0} if (text[i_text].substring(i_prepre,i_presubstring)=="<"){notag=false} if (text[i_text].substring(i_prepre,i_presubstring)==">"){notag=true} if (notag) { textcontent="<table border=0 cellpadding=4 width="+tablewidth+" height="+tableheight+"><tr valign="+textvalign+"><td align="+textalign+">" textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor[i_textfontcolor]+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor[i_textfontcolor]+"\'\">" textcontent+=textpresubstring textcontent+="</a>" textcontent+="</td></tr></table>" } } function showtickerNS6() { textcontent="<table border=0 cellpadding=4 width="+textwidth+" height="+textheight+"><tr valign="+textvalign+"><td align="+textalign+">" textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor[i_textfontcolor]+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor[i_textfontcolor]+"\'\">" textcontent+=text[i_text] textcontent+="</a>" textcontent+="</td></tr></table>" document.getElementById("ticker").innerHTML=textcontent i_text++ i_textfontcolor++ if (i_text>=text.length) {i_text=0} if (i_textfontcolor>=textfontcolor.length-1) {i_textfontcolor=0} var timer=setTimeout("showtickerNS6()", textpause) } function showticker() { if (i_substring<=text[i_text].length) { i_substring++ i_presubstring=i_substring-1 if (i_presubstring<0) {i_presubstring=0} gettextcontent() if (opera) { document.getElementById("ticker").innerHTML=textcontent var timer=setTimeout("showticker()", speed) } } else { clearTimeout(timer) var timer=setTimeout("changetext()", textpause) } } function changetext() { i_substring=0 i_presubstring=0 i_text++ i_textfontcolor++ i_path++ if (i_text>text.length-1) {i_text=0} if (i_textfontcolor>textfontcolor.length-1) {i_textfontcolor=0} showticker() } function changeform() { if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0} if (i_textfontcolor >= textfontcolor.length) {i_textfontcolor=0} if (i_shadowcolor >= shadowcolor.length) {i_shadowcolor=0} if (i_path>path.length-1) {i_path=0} document.getElementById('strokeid').color=outlinecolor[i_outlinecolor] document.getElementById('fillid').color=textfontcolor[i_textfontcolor] document.getElementById('shadowid').color=shadowcolor[i_shadowcolor] if (i_shape==path.length) { document.getElementById('shapeid').path=path[i_path] } if (i_message < text.length) { tick() } else {i_message=0;tick()} } function tick() { if (i_messagelength <= text[i_message].length) { var messagestringend="" var messagestring=text[i_message].substring(0, i_messagelength)+messagestringend document.getElementById('textpathid').string=messagestring var timer=setTimeout("tick()",speed) i_messagelength++ } else { clearTimeout(timer) var timer=setTimeout("prechangeform()",textpause) } } function prechangeform() { i_messagelength=0 i_message++ i_outlinecolor++ i_textfontcolor++ i_shadowcolor++ i_path++ changeform() } function openlink() { if (texttarget[i_message]=="_blank") { codepopup=window.open(textlink[i_message], "code", "status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=770,height=460,top=10,left=10"); } else if (texttarget[i_message]=="_top") { top.location.href=textlink[i_text] } else if (texttarget[i_message]=="_parent") { parent.location.href=textlink[i_text] } else if (texttarget[i_message]=="_self") { document.location.href=textlink[i_text] } else { var jumpto=eval("parent."+texttarget[i_text]) jumpto.location.href=textlink[i_text] } } if (ie5) { document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+funtickerborder+'px;border-color:'+funtickerbordercolor+';background-color:'+textbgcolor+';cursor:hand" onClick="openlink()">') document.write('<v:shapetype id="shapeid" coordsize="600,320" path="'+path[i_shape]+'">') document.write('<v:path textpathok="t"/>') document.write('<v:textpath on="t" fitshape="t" xscale="t"/>') document.write('</v:shapetype>') document.write('<v:shape type="#shapeid" style="position:absolute; top:3px; left:'+posleft+'px; width:'+innerwidth+'px;height:'+innerheight+'px;" strokeweight="1pt">') if (applygradient) { document.write('<v:fill id="fillid" method="linear sigma" type="gradient" color="'+textfontcolor[i_textfontcolor]+'" opacity="'+fontopacity+'"/>') } else { document.write('<v:fill id="fillid" color="'+textfontcolor[i_textfontcolor]+'" opacity="'+fontopacity+'"/>') } document.write('<v:stroke id="strokeid" weight="'+widthfontoutline+'pt" color="'+outlinecolor[i_outlinecolor]+'"/>') document.write('<v:shadow on="t" id="shadowid" opacity="'+shadowopacity+'" color="'+shadowcolor[i_shadowcolor]+'"/>') document.write('<v:textpath id="textpathid" style="font-family:\''+textfont+'\';v-text-kern:t" trim="t" fitpath="t" xscale="f" string="Hello World"/>') document.write('</v:shape>') document.write('</div>') } if (ns6 || opera) { if (ns6) { textwidth-=2*funtickerborder textheight-=2*funtickerborder } document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+funtickerborder+'px;border-color:'+funtickerbordercolor+';background-color:'+textbgcolor+'">') document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;width:'+innerwidth+'px;height:'+innerheight+'px;"></span>') document.write('</div>') } if (ie5) {window.onload=changeform} if (opera) {window.onload=showticker} if (ns6) {window.onload=showtickerNS6} </script> </td></tr></table> </center>