首页 > JavaScript代码 > 文字字体.文本特效 Text > 详细内容

环绕转动的文字效果
  更新时间：2008-09-20

简介：一串文字在水平方向上环绕转动，很有立体感


环绕转动的文字效果

查看源代码：查看




使用说明：
    在<body>区添加以下代码：
<script language=JavaScript>

        /*****************************************************
         * 环绕转动的文字效果 Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序，请保留此声明
         * 获取此脚本以及更多的JavaScript程序，请访问 http://www.ShareJS.com
         ******************************************************/
    
Phrase="欢迎分享JavaScript"
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:300;left:300;z-index:1110">' + 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>



可以根据您的需要修改javascript内的内容


下载：     从本地下载

分享到： 更多

上一篇： 很Cool的文字转换效果   下一篇: 波浪形的文字