旋转文字特效

Home Home
登入注册发表列印 载入图片
引用 | 编辑 小依萍
2007-03-04 15:00		 楼主
▼
推文 x0
JavaScrip源代码语法：（将以下代码加入HTML的<HEAD></HEAD>之间）



<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>

献花 x0
引用 | 编辑 小依萍
2007-03-04 15:08		 1楼
▲  
HTML语法：



<Html>
<Head>
<title>旋转文字</title>
</Head>
<Body bgColor="#FFFFFF">
<!--将以下代码加入HTML的<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>

献花 x0