安裝 步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。 <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> <style type="text/css"> v\:* { behavior: url(#default#VML); } </style> 步驟二 拷貝以下腳本貼在網頁最靠近<body>之下。 <script type="text/javascript"> // 隨意增加信息 var message=new Array("立地", "織網樂", "免費網頁特效") // 設定字邊顏色 var outlinecolor=new Array("black", "black") // 設定字體顏色 var fillcolor1=new Array("gray", "green", "white", "green") // 設定第二字體顏色 var fillcolor2=new Array("blue", "olive", "black", "lime") // 設定繞圈的文字 var circlemark=new Array("-") // 設定字邊寬度 var strkweight=2 // 設定信息間的停頓時間 (秒) var pause=2 // 設定文字的透明度 var strengthopacity="60%" // 設定圓圈大小 (數值由 0.1 到 1) var circlesize=0.5 // 即使網頁卷動也顯示信息？ 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(circlesize*outerwidth) var innerheight=Math.floor(circlesize*outerheight) 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:\'宋體\'; " fitpath="t" string=""/>') document.write('</v:oval></div>') if (window.attachEvent) window.attachEvent("onload", changeform) else window.onload=changeform } </script> 就是如此簡單！請享用
步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。
步驟二 拷貝以下腳本貼在網頁最靠近<body>之下。