总在右上角旋转显示的字符 - 中国WEB开发者网络 (http://www.webasp.net) -- 网页特效 (http://www.webasp.net/javascript/) --- 总在右上角旋转显示的字符 (http://www.webasp.net/javascript/1/113.htm) |
| -- 发布日期: 2004-06-04 |
| <!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! --> <!-- 要实现此效果需要 1 个步骤: --> <!-- 第 1 步: --> <!-- 把下面的代码加到<BODY></BODY>区域中: --> <script language="JavaScript"> if (document.all){ msg="---http://www.webasp.net/"; msgColor="33ff33"; msgFont="Verdana"; msg=msg.split(''); n=msg.length; e=360/n; yp=0; xp=0; yb=40; xb=60; sa=0.07; sb=0; pa=new Array(); pb=new Array(); for (i=0; i < n; i++){ document.write('<div id="logo" style="position:absolute;top:0;left:0;' +'height:30;width:30;font-family:'+msgFont+';text-align:center;color:'+msgColor+'">'+msg[i]+'</div>'); } function ani(){ yp=document.body.scrollTop+50; xp=document.body.scrollLeft+window.document.body.clientWidth-100; for (i=0; i < n; i++){ logo[i].style.top =yp+yb*Math.sin(sb+i*e*Math.PI/180); logo[i].style.left=xp+xb*Math.cos(sb+i*e*Math.PI/180); pb[i]=logo[i].style.pixelTop-yp; pa[i]=pb[i]-pb[i]*2; if (pa[i] < 1){ pa[i]=0; logo[i].style.visibility='hidden'; } else logo[i].style.visibility='visible'; logo[i].style.fontSize=pa[i]/2.7; } sb-=sa; setTimeout('ani()',100); } window.onload=ani; } </script> |
| webasp.net |