最後更新

【教學主題】 [教學]旋轉文字特效

[複製連結] 檢視: 2972|回覆: 1

小依萍

無名的鄉紳

守護爵士

電梯直達

1^#

發表於 07-3-27 09:14:37 |只看該作者 |降序瀏覽大字中字小字正體化简体化

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>

←按圖點閱長相思

轉播0 分享0 收藏0

回覆使用道具檢舉

小依萍

無名的鄉紳

守護爵士

2^#

發表於 07-3-27 09:15:35 |只看該作者大字中字小字正體化简体化載入全部圖片

HTML語法：

<Html>
<Head>
<title>旋轉文字</title>
</Head>
<Body  bgColor="#FFFFFF">

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

回覆使用道具檢舉

最後更新返回清單

帳號		自動登入	取回密碼
密碼			註冊