·
网页特效库
·
网页工具库
背景按钮
导航特效
图片特效
文本特效
时间特效
状态特效
另类特效
网页制作
网站首页
< 后退
|
收藏网页特效库
推荐网页特效
购物网站的导航效果,推荐!
向上下左右滚动图片的特效
超级变态广告代码
设为首页
加入收藏夹
防止选择和复制
新浪博客的提示窗口,推荐!
推荐网页工具
在线html编辑器
在线CSS编辑器
滚动条颜色生成器
弹出窗口生成器
网页加密解密工具
汉字转换成拼音工具
文本繁简体转换工具
您的位置:
网页特效库
>>
网页文本特效
>> 圆弧旋转文字
查看此特效演示
圆弧旋转文字
把如下代码复制到<body>与</body>之间
<SCRIPT language=JavaScript> <!-- if (document.all){ msg="欢迎光临网页特效库BUTONG.NET" msgColor="0000ff"; msgFont="Verdana"; file: msg=msg.split(''); n=msg.length; e=360/n; yp=0; xp=0; yb=40; xb=60; sa=0.07; sb=0; pa=new Array(); pb=new Array(); for (i=0; i < n; i++){ document.write('<div id="logo" style="position:absolute;top:0;left:0;' +'height:30;width:30;font-family:'+msgFont+';text-align:center;color:'+msgColor+'">'+msg[i]+'</div>'); } function ani(){ yp=document.body.scrollTop+50; xp=document.body.scrollLeft+window.document.body.clientWidth-100; for (i=0; i < n; i++){ logo[i].style.top =yp+yb*Math.sin(sb+i*e*Math.PI/180); logo[i].style.left=xp+xb*Math.cos(sb+i*e*Math.PI/180); pb[i]=logo[i].style.pixelTop-yp; pa[i]=pb[i]-pb[i]*2; if (pa[i] < 1){ pa[i]=0; logo[i].style.visibility='hidden'; } else logo[i].style.visibility='visible'; logo[i].style.fontSize=pa[i]/2.7; } sb-=sa; setTimeout('ani()',100); } window.onload=ani; } // --> </SCRIPT>
使用说明:旋转文字的内容在<body></body>代码部分更改即可。
上一个特效:
点击链接显示隐藏内容
返回列表
下一个特效:
荧光灯文字效果
关于我们
|
联系本站
|
免责声明
|
版权声明
|
网站地图
|
友情链接
|
鄂ICP备05023174号
Copyright © 2008
www.butong.net
.All Rights Reserved.