Animatiegifjes - Javascripts - Teksteffecten - Tekst scroller

[Ga terug] Tekst scroller

<script> var textwidth=500 var textheight=50 var message=new Array() message[0]="Animatiegifjes" message[1]="Hier kan je wat.." message[2]="Tekst in kwijt!!" message[3]="Zoveel jij maar wilt!" var messageurl=new Array() messageurl[0]="http://www.animatiegifjes.nl/" messageurl[1]="http://www.animatiegifjes.nl/" messageurl[2]="http://www.animatiegifjes.nl/" messageurl[3]="#" var messagebg=new Array() messagebg[0]="880000" messagebg[1]="008800" messagebg[2]="000088" messagebg[3]="660066" // Final horizontal position of the messagebox: distance to the left margin of the window var x_finalpos=250 // Final vertical position of the messagebox: distance to the top margin of the window var y_finalpos=20 // Configure the number of vertical slices. // A high value will slow down the visual effect. var x_slices=30 // Configure the number of horizontal slices. // A high value will slow down the visual effect. var y_slices=1 // Standstill between the messages (microseconds) var pause=2500 // Do not change the variables below var xy_slices=x_slices*y_slices var randomorder=new Array() for (i=0;i<=xy_slices-1;i++) { randomorder[i]=i } var speed=10 var i_messages=0 var width_slice=Math.floor(textwidth/x_slices) var height_slice=Math.floor(textheight/y_slices) var cliptop=0 var clipbottom=height_slice var clipleft=0 var clipright=width_slice var spancounter=0 var x_random=new Array() var y_random=new Array() function checkbrowser() { if (document.all) { initiate() } if (document.layers) { rotatenetscape() } } function initiate() { if (document.all) { spancounter=0 for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { var thisspan=eval("document.all.span"+spancounter+".style") thisspan.posLeft=x_finalpos thisspan.posTop=y_finalpos thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright+=width_slice spancounter++ } clipleft=0 clipright=width_slice cliptop+=height_slice clipbottom+=height_slice } for (i=0;i<=xy_slices-1;i++) { var thisspan=eval("span"+i) thisspan.innerHTML="<a href='"+messageurl[i_messages]+"' target='_blank'>"+message[i_messages]+"</a>" } var timer=setTimeout("changemessage()",pause) } } function dissolvemessage() { if (i_loop<=xy_slices-1) { var thisspan=eval("span"+randomorder[i_loop]) thisspan.innerHTML="<a href='"+messageurl[i_messages]+"' target='_blank'>"+message[i_messages]+"</a>" thisspan.style.backgroundColor=messagebg[i_messages] i_loop++ var timer=setTimeout("dissolvemessage()",speed) } else { clearTimeout(timer) var timer=setTimeout("changemessage()",pause) } } function changemessage() { getrandomorder(xy_slices) i_loop=0 i_messages++ if (i_messages>=message.length) {i_messages=0} dissolvemessage() } function getrandomorder(range) { for (i=0;i<=range;i++) { var firstvalue= Math.floor(range*Math.random()) var secondvalue= Math.floor(range*Math.random()) var cachevalue=randomorder[firstvalue] randomorder[firstvalue]=randomorder[secondvalue] randomorder[secondvalue]=cachevalue } } function rotatenetscape() { document.imgcontainer1.document.write("<table width="+textwidth+" height="+textheight+"><tr><td bgcolor="+messagebg[i_messages]+" cellpadding=2 cellspacing=2 align=center><span id='imgcontainer2' class='messageboxNN'><a href='"+messageurl[i_messages]+"' target='_blank'>"+message[i_messages]+"</a></span></td></tr></table>") document.imgcontainer1.document.close() i_messages++ if (i_messages>message.length-1) {i_messages=0} var timer=setTimeout("rotatenetscape()",pause) } // - End of JavaScript - --> </script> <style> A { color : white; text-decoration : none } A:hover { color : red; text-decoration : none } .messagebox { position:absolute; font-size : 10pt; font-family : Verdana; font-weight : bold; color : white; border-width : 5ptx; border-color:white; background-color : black; border-style : solid; text-align : center; padding : 5px; height : 50px; width : 240px; } .messageboxNN { position:relative; font-size : 10pt; font-family : Verdana; font-weight : bold; color : white; border-color:white; } </style> </head> <body bgcolor="#b8b69c" text="#00FF00" link="#FF9933" alink="#000000" vlink="#FFFF00" onLoad="checkbrowser()"> <script>  </script>