您的位置：首页 > 其它

3D抖动的文字

2014-04-22 14:10 351 查看
<script type="text/javascript">

Phrase="3D抖动的文字！";

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;fount-family:Courier New;font-weight:bold;postion:absolute;top:40;left:50;z-indext: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;

//通过改变层的z轴实现抖动效果

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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航