Circle Ticker

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> <style> v\:* { behavior: url(#default#VML); } </style> <!-- Diesen Code musst Du in den -body- einbauen --> <form> <table width=540 cellpadding=0 cellspacing=0 border=0><tr><td> <br><br> <!-- Credits Author of the script is Peter Gehrig founder of the JavaScript Site www.24fun.com --> <br><br> <br> <script> // Circle Ticker // By Peter Gehrig // Copyright (c) 2003 Peter Gehrig. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 10/21/2003 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.24fun.com on the webpage // where this script will be featured // CONFIGURATION: // Go to http://www.24fun.com // and create more text animation // with our new Text Factory. // Add as many messages as you like var message=new Array("Hallo Webdesigner", "www.java24.net", "über 900 Scripte", "und Applets","14tägiger Newsletter") // Set the outline-color. Add as many colors as you like var outlinecolor=new Array("white", "black") // Set fillcolors 1. Add as many colors as you like var fillcolor1=new Array("blue", "green", "white", "green") // Set fillcolors 2. Add as many colors as you like var fillcolor2=new Array("yellow", "olive", "black", "black") // Set the letter marking the circle var circlemark=new Array("-") // Set the width of the outline var strkweight=2 // Set the waiting time between the messages (seconds) var pause=2 // Set the strength of the opacity (transparency of letters) var strengthopacity="60%" // Set the size of the circle (values range from 0.1 to 1) var circlesize=0.5 // Do not edit below this line var outerwidth=document.body.clientWidth var outerheight=document.body.clientHeight var innerwidth=Math.floor(circlesize*outerwidth) var innerheight=Math.floor(circlesize*outerheight) var posleft=(outerwidth-innerwidth)/2 var postop=(outerheight-innerheight)/2+50 var path=new Array() var i_message=0 var i_outlinecolor=0 var i_fillcolor1=0 var i_fillcolor2=0 var i_messagelength=0 var longestmessage=0 pause*=1000 var ie=document.getElementById&&document.all?1:0 for (i=0;i<=message.length-1;i++) { if (message[i].length>longestmessage) { longestmessage=message[i].length } longestmessage+=4 } for (i=0;i<=message.length-1;i++) { var emptyspace="" var i_emptyspace=(longestmessage-message[i].length)/2 for (ii=0;ii<=i_emptyspace;ii++) { emptyspace+=circlemark } message[i]=emptyspace+" "+message[i]+" "+emptyspace } function changeform() { if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0} if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0} if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0} document.getElementById('strokeid').color=outlinecolor[i_outlinecolor] document.getElementById('fillid').color=fillcolor1[i_fillcolor1] document.getElementById('fillid').color2=fillcolor2[i_fillcolor2] if (i_message < message.length) {tick()} else {document.getElementById('textpathid').string=""} } function tick() { if (i_messagelength <= message[i_message].length) { var messagestringend="" var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend document.getElementById('textpathid').string=messagestring var timer=setTimeout("tick()",50) i_messagelength++ } else { clearTimeout(timer) i_messagelength=0 i_message++ i_outlinecolor++ i_fillcolor1++ i_fillcolor2++ var timer=setTimeout("changeform()",pause) } } if (ie) { document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">') document.write('<v:oval id="tc" style="position:absolute;top:'+postop+';left:'+posleft+';width:'+innerwidth+';height:'+innerheight+'">') document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>') document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>') document.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>') document.write('<v:path textpathok="t"/>') document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Verdana\'; " fitpath="t" string=""/>') document.write('</v:oval>') window.onload=changeform } </script> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->