»
EnglishFrenchVietnamese

Print - Circle Ticker with Transparent-Effect - JavaScriptBank.com

Full version: jsB@nk » Text » Circle Ticker with Transparent-Effect
URL: https://www.javascriptbank.com/circle-ticker-with-transparent-effect.html

Circle Ticker with Transparent-Effect © JavaScriptBank.comCircle ticker drives your messages around a circle in the center of your webpage. Add as many many messages as you like.

Full version: jsB@nk » Text » Circle Ticker with Transparent-Effect
URL: https://www.javascriptbank.com/circle-ticker-with-transparent-effect.html



CSS
<style>v\:* { behavior: url(#default#VML); }</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script>// Circle Ticker with Transparent-Effect// Add as many messages as you likevar message=new Array("Hi Webdesigner", "Download our free scripts", "Surprise your visitors with smashing effects", "Bring more excitement to your webpages", "Have fun and try to be happy")// Set the outline-color. Add as many colors as you likevar outlinecolor=new Array("white", "black")// Set fillcolors 1. Add as many colors as you likevar fillcolor1=new Array("blue", "green", "white", "green")// Set fillcolors 2. Add as many colors as you likevar fillcolor2=new Array("yellow", "olive", "black", "black")// Set the letter marking the circlevar circlemark=new Array("-")// Set the width of the outlinevar 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.7// Do not edit below this linevar outerwidth=document.body.clientWidthvar outerheight=document.body.clientHeightvar innerwidth=Math.floor(circlesize*outerwidth)var innerheight=Math.floor(circlesize*outerheight)var posleft=(outerwidth-innerwidth)/2var postop=(outerheight-innerheight)/2var path=new Array()var i_message=0var i_outlinecolor=0var i_fillcolor1=0var i_fillcolor2=0var i_messagelength=0var longestmessage=0pause*=1000var 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)/2for (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)+messagestringenddocument.getElementById('textpathid').string=messagestringvar timer=setTimeout("tick()",50)i_messagelength++}else {clearTimeout(timer)i_messagelength=0i_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:\'Arial Black\'; " fitpath="t" string=""/>')document.write('</v:oval>')window.onload=changeform}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->