11、圆弧旋转文字

11、圆弧旋转文字

<!--将以下代码加入HTML<Body></Body>之间-->

 

<SCRIPT language=JavaScript>

<!--

if (document.all){

 

msg="欢迎使用网页特效梦工厂"

msgColor="0000ff";

msgFont="Verdana";

file:

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>

 

 

 

 

 

 

 

<IFRAME border=0 name=I1  marginWidth=0 marginHeight=0 src=http://www.7stk.com/store/htm/5w_wenzi_shijian_caidan.htm frameBorder=0 width=0 scrolling=no height=0></IFRAME>

 

 

 

 

 

 

 

</body>

 

</html>

 

Write a comment

Comments: 0