叶子谷- 网页教程

RSS订阅 站长资讯通告:
搜索: 您现在的位置: 叶子谷 >> 网页特效 >> 页面特效 >> 正文

向上滚动的光环

2008-06-10 13:50:46 来源:网络 作者:佚名 【 点击:
将下面的代码加在body之间

<script language="JavaScript">
<!--
if (document.all){

amount=15;
Color='#ffaaff';
GlowColor='#ff00ff';

ypos=0;
xpos=0;
ybase=15;
xbase=-80;
step=0.07;
currStep=0;
TrigSplit=360/amount;
MY=0;
MX=0;
C=0;
c=0.05
for (i=0; i < amount; i++)
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px;height:20;width:20;text-align:center"><B>.</B></div>');
function orbit(){
MY=document.body.scrollTop+document.body.clientHeight/2 + document.body.clientHeight/2.8*Math.cos((C)/3)*Math.cos(C/10);
MX=document.body.scrollLeft+20+document.body.clientWidth/2.2 + document.body.clientWidth/2.4*Math.sin((C)/5)*Math.sin(C/20);
ypos=MY;
xpos=MX;
for (i=0; i < amount; i++){
var d=ieDiv[i].style;
if (d.pixelTop > ypos+2){
{
  d.fontSize=18;
  d.paddingTop=7;
  d.filter='glow(color='+GlowColor+', strength=7)';
}
if (d.pixelTop > ypos+10)
{
  d.fontSize=15;
  d.paddingTop=10;
  d.filter='glow(color='+GlowColor+', strength=6)';
}
}
else
{
d.fontSize=25;
d.paddingTop=0;
d.color=Color;
d.filter='glow(color='+GlowColor+', strength=8)';
}
d.top=ypos+ybase*Math.sin(currStep+i*TrigSplit*Math.PI/180);
d.left=xpos+xbase*Math.cos(currStep+i*TrigSplit*Math.PI/180);
}
C+=c;
currStep+=step;
setTimeout('orbit()',20);
}
window.onload=orbit;
}
// -->
</script>
Tags: 网页特效  
责任编辑:cptedu
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】   
  • 上一篇文章:
  • 下一篇文章:
  • 姓 名: * Oicq:
    评 分: 1分 2分 3分 4分 5分
    评论内容:
    广告也精采
    热门文章
    设为首页 -加入收藏 - 联系我们 - 友情链接 - 版权声明 - 管理登陆