Phiên bản đầy đủ: jsB@nk » Chữ » Chữ di chuyển vòng tròn 3D
URL: https://www.javascriptbank.com/3d-wireframe-ticker.html
Hiệu ứng tạo ra các vòng tròn chữ di chuyển ở chính giữa trang web, chữ có dạng 3D.
Phiên bản đầy đủ: jsB@nk » Chữ » Chữ di chuyển vòng tròn 3D
URL: https://www.javascriptbank.com/3d-wireframe-ticker.html
<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--><script>// 3D Wireframe Ticker// Add as many messages as you likevar message=new Array("Hi Webdesigner", "Download our scripts", "Add smashing effects", "Have fun")// Set the colors of the outline. Add as many outline-colors as you likevar fillcolor=new Array("black", "blue", "#008800", "#EEEEEE","olive")// Set the fillcolors. Add as many fillcolors as you like var outlinecolor=new Array("black","#000088","#666600")// Set the width of the outline (pixels)var outlineweight=2// Set the fontvar fnt="Verdana"// Set the letter that draws the upper part of the circlevar circlemark="-"// Set the waiting time between the messages (seconds)var pause=2// Set the strength of the fillcolor-opacityvar strengthopacity="20%"// Set the size of the circle. Values may range from 0.1 to 1var circlesize=0.5// 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_fillcolor=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_fillcolor >= fillcolor.length) {i_fillcolor=0}if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}document.getElementById('strokeid').color=outlinecolor[i_outlinecolor]document.getElementById('fillid').color=fillcolor[i_fillcolor]if (i_message < message.length) {tick()}else {document.getElementById('textpathid').string=""document.getElementById('textpathid2').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=messagestringdocument.getElementById('textpathid2').string=messagestringvar timer=setTimeout("tick()",50)i_messagelength++}else {clearTimeout(timer)i_messagelength=0i_message++i_fillcolor++i_outlinecolor++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="'+outlineweight+'pt" color="'+outlinecolor[0]+'pt"/>')document.write('<v:fill id="fillid" opacity="'+strengthopacity+'"/>')document.write('<v:path textpathok="t"/>')document.write('<v:textpath id="textpathid" on="t" style="font-family:\''+fnt+'\';" fitpath="t" string=""/>')document.write('</v:oval>')document.write('<v:oval id="tc2" style="position:absolute;top:'+postop+';left:'+posleft+';width:'+innerwidth+';height:'+innerheight+'">')document.write('<v:stroke id="strokeid2" weight="'+outlineweight+'pt" color="black"/>')document.write('<v:path textpathok="t"/>')document.write('<v:textpath id="textpathid2" on="t" style="font-family:\''+fnt+'\';" fitpath="t" string=""/>')document.write('<v:extrusion on="t" backdepth="12pt" render="wireframe"/>')document.write('</v:oval>')document.write('</div>')window.onload=changeform}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->