Javascript脚本特效示例：[3]旋转变换文字

2026-01-18 07:31:08

1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。

<html>

<head>

<title>晓博JavaScript飘雪特效测试</title>

</head>

<body>

<ul>

<li><a href="#">七夕节传说</a></li>

<li><a href="#">七夕节习俗</a></li>

<li><a href="#">七夕节寄语</a></li>

</ul>

</div>

</body>

</html>

Javascript脚本特效示例：[3]旋转变换文字

2、第一步:把如下代码糟掩加入<head>区域中，并重名文档为HTML文件

Phrase="晓博晓博JS特效测试"

Balises="晓博晓博JavaScript特效测试欢迎你的光临"

Taille=40;

Midx=100;

Decal=0.5;

Nb=Phrase.length;

y=-10000;

for (x=0;x<Nb;x++){

Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:3;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+100*Math.sin(Alpha1)+50;

Ob.style.zIndex=20*Cosine;

Ob.style.fontSize=Taille+25*Cosine;

Ob.style.color="rgb("+ (27+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)";

}

</SCRIPT>

Javascript脚本特效示例：[3]旋转变换文字

3、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到旋转变换文倘科八字特效，如下图

Javascript脚本特效示例：[3]旋转变换文字

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。