欢迎光临
我们一直在努力

javascript实现页面中旋转起伏的眩目光环

建站超值云服务器,限时71元/月

将下面的代码保存为.html文件,然后打开此文件就可以看到效果了
<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> 

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » javascript实现页面中旋转起伏的眩目光环
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址