Javascript

Needing some animation text using javascript? This script will give more attractive spinning text at your webs! You may attract the visitor's attention by putting this javascript code into your webs. Please note that this script only works at Internet Explorer browser. At another browser, the screen will show nothing!

Put this javascript source code into your HEAD section :

Click here for demo

<head> <title>Javascript Code at http://tipstricks.sinfree.net</title> <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> <style type="text/css"> v\:* { behavior: url(#default#VML); } </style> </head> <!-- Got more script at http://tipstricks.sinfree.net - Angellica2017 -->

Put this javascript source code into your BODY section :
<script type="text/javascript"> // Add your messages here var message=new Array("Angellica2017", "Angel of Airwaves", "Introducing Javascript", "at http://tipstricks.sinfree.net") // Change your suitable outline-color. var outlinecolor=new Array("black", "black", "black", "black") // Change your suitable fillcolors 1. var fillcolor1=new Array("green", "green", "gray", "white") // Change your suitable fillcolors 2. var fillcolor2=new Array("olive", "lime", "blue", "black") // Change letter marking the circle var circlemark=new Array("-") // Change your outline width var strkweight=2 // Change the waiting time between the messages (seconds) var pause=2 // Change the opacity strength of the letters var strengthopacity="60%" // Change the size of the circle (values range from 0.1 to 1) var circlesize=0.5 // Always show messages in view even page is scrolled var keepinview="yes" mytruebody=(!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body var outerwidth=mytruebody.clientWidth var outerheight=mytruebody.clientHeight var innerwidth=Math.floor(circlesizeouterwidth) var innerheight=Math.floor(circlesizeouterheight) var posleft=(outerwidth-innerwidth)/2 var postop=(outerheight-innerheight)/2 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 (keepinview=="yes") document.getElementById("roofid").style.top=mytruebody.scrollTop 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="" document.getElementById("roofid").style.display="none" } } 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+'px;left:'+posleft+'px;width:'+innerwidth+'px;height:'+innerheight+'px">') 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></div>') if (window.attachEvent) window.attachEvent("onload", changeform) else window.onload=changeform } </script> <!-- Got more script at http://tipstricks.sinfree.net - Angellica2017 -->

JAVASCRIPT SOURCE CODE

JAVASCRIPT CODE 3D SPINNING

	free hosting image hosting hosting reseller online album e-shop famous people