JS旋转的彩色文字轮转特效

时间:2020-05-12 人气:0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>文字旋转</title> 
<script language=javascript> 
Phrase="我们是共和国的接班人……" 
Balises="" 
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> 
</head> 
<body> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容