设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 文本特效 > 详细内容
旋转文字
发布时间:2010-3-16  阅读次数:10314  字体大小: 【】 【】【

<html>
<head>
<title>网页特效|Linkweb.cn/Js|---旋转文字</title>
</head><body>
<!--将以下代码加入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>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[1]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮