特效：总在右上角旋转显示的字符
发布时间：2006-04-05 10:11:26 来源：天极网 网友评论 0 条
<!-- 要实现此效果需要 1 个步骤： -->
<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->
<script language="JavaScript">
if (document.all){
msg="---http://homepage.yesky.com/";
msgColor="000000";
msgFont="Verdana";
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>
- 推荐阅讯
- 特效代码：一个非常实用的Javascript类库
- 别出心裁搞一搞 日期相加的函数addDate
- Javascript数组 sort方法的分析
- 脚本实例：用 JavaScript 来操作字符串
- 分析一下网页子窗口和网页父窗口的交互
- 应用实例：用Javascript实现定时任务
- JavaScript高级程序设计：2.1 语法
- 几个有用的Javascript脚本
- 特效：显示可移动的层并可关闭
- 非常实用的效果：用JS计算剩余可用字数
- 阅读排行
- 1.网页特效：一段实用的图片滚动显示代码
- 2.网页特效实例：用js获取单选按钮的数据
- 3.Javascript特效：随机显示图片的源代码
- 4.Javascript技术技巧大全
- 5.IE和FireFox下javascript读写XML实现广告轮
- 6.用 JavaScript 来操作字符串的函数
- 7.添加到收藏夹的Javascript脚本-适合IE和Fir
- 8.怎样判断浏览器是否支持javascript?
- 9.JavaScript实现网页图片等比例缩放
- 10.网页特效：随机显示广告的JS源代码
- 专题教程
- Windows Server-Windows Server文档-Windows Server新闻-Windows Ser PostgreSQL-PostgreSQL文档-PostgreSQL新闻-PostgreSQL专家
- WebLogic-WebLogic文档-WebLogic新闻-WebLogic专家 FreeBSD-FreeBSD文档-FreeBSD新闻-FreeBSD专家
- Linux-内核 GUI KDE Gnome DNS FTP 安全 安装-Linux专区 Windows-AD IIS ServerCore 虚拟化 安全 HPC-Windows专区
- 大话G游 专题：手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册