学习论坛 会员投稿 RSS订阅 站内通告:
搜索: 您的位置网站源代码 > 网页特效 > 文字特效 > 网页特效:旋转的文字特效

网页特效:旋转的文字特效

2009-10-18 08:27:59 来源:原创 【 】 浏览:
摘要: 网页特效:旋转的文字特效 实例说明:当运行该效果的时候,网页中会显示如图所示的特效,文字会围绕一个中心轴转动,该特效可以使用起来比较简单,

网页特效:旋转的文字特效
实例说明:当运行该效果的时候,网页中会显示如图所示的特效,文字会围绕一个中心轴转动,该特效可以使用起来比较简单,
网页特效代码:
<Html>
<Head>
<title>旋转文字</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></Head>
<Body  bgColor="#FFFFFF">
<!--将以下代码加入HTML的<Body></Body>之间-->
<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>


顶一下
(0)
0%
踩一下
(0)
0%
Tags: 网页特效 文字特效
责任编辑:小人物
收藏】 【挑错】 【推荐】 【打印
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
关于我们 | 网站声明 | 广告服务 | 招聘英才 | 联系我们 | 网站地图 | RSS订阅 |