一款旋转的文字显示效果
2015-05-26 10:10
134 查看
<html> <head> <title>一款旋转的文字显示效果丨电表控制器|</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> </head> <body> <!--把下面代码加到<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>
相关文章推荐
- 一款基于jQuery九宫格遮罩显示文字效果
- jQuery-单击文字或图片内容放大显示效果插件
- Android基于ViewFilpper实现文字LED显示效果示例
- css3 旋转效果加上双面显示效果
- 自定义竖直旋转显示文字的TextView
- html使用display:inline-block实现标签右对齐,值左对齐效果。和设置div宽度,并居中显示。嵌套div的里层div文字居中显示
- js项目--多张图片显示出3D的效果(360度旋转)
- 55-002-1 HTML5图片列表页面的制作 鼠标移动图片动态显示,文字动态阴影效果,渐变效果 列表前增加样式序列号
- VB实现文字“闪入”显示的特殊效果
- VC中如何把一串文字旋转90度显示
- 以倒影效果显示文字
- 文字渐渐显示效果
- dx雾特效,旋转的立方体,文字动画显示,底面简单演示
- Android TextView 显示文字阴影效果
- 让TD单元格内的超长文字换行显示不影响表格整体效果
- 当使用BottomNavigationView菜单项多于3个时,去除动画效果,显示菜单项文字
- 将图片的说明文字显示在图片之上且背景半透明效果
- ViewFilpper实现文字LED显示效果
- 以投影效果显示文字
- jq实现左侧显示图片右侧文字滑动切换效果