码迷,mamicode.com
首页 > 其他好文 > 详细

一款旋转的文字显示效果

时间:2015-05-26 10:33:33      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

<html>
    <head>
    <title>一款旋转的文字显示效果丨电表控制器|</title>
    <meta http-equiv="content-Type" content="text/html;charset=gb2312">
    </head>
    <body>
    <!--把下面代码加到<body>与</body>之间-->
    <SCRIPT language=javascript>
    Phrase="欢迎光临『芯晴网页特效』"
    Balises=""
    Taille=80;
    Midx=250;
    Decal=0.5;
    Nb=Phrase.length;
    y=-10000;
    for (x=0;x<Nb;x++){
    Balises=Balises + <DIV Id=L + x +  STYLE="width:5;font-family: Courier New;font-weight:bold;position:absolute;top:40;left:50;z-index:0"> + Phrase.charAt(x) + </DIV>
    }
    document.write (Balises);
    Time=window.setInterval("Alors()",10);
    Alpha=5;
    I_Alpha=0.05;
    function Alors(){
    Alpha=Alpha-I_Alpha;
    for (x=0;x<Nb;x++){
    Alpha1=Alpha+Decal*x;
    Cosine=Math.cos(Alpha1);
    Ob=document.all("L"+x);
    Ob.style.posLeft=Midx+170*Math.sin(Alpha1)+50;
    Ob.style.zIndex=20*Cosine;
    Ob.style.fontSize=Taille+25*Cosine;
    Ob.style.color="rgb("+ (127+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)";
    }
    }
    </SCRIPT>
    </body>
    </html>

    

 

一款旋转的文字显示效果

标签:

原文地址:http://www.cnblogs.com/youtianxia/p/4529878.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!