返回论坛首页联系我们论坛帮助
>> 网页设计交流,相互学习,共同进步……
搜一搜更多此类问题 
泥客论坛(十几年前的回忆)泥客技术☆网页制作☆ → 跟随鼠标的星星点点,变化过程非常漂亮

您是本帖的第 3503 个阅读者
树形 打印
标题:
跟随鼠标的星星点点,变化过程非常漂亮
dmacro
帅哥哟,离线,有人找我吗?
头衔:环保局局长
等级:书记
威望:3893
文章:2234
积分:31176
注册:2003年7月2日
楼主
  QQ 点击这里发送电子邮件给dmacro 访问dmacro的主页

发贴心情
跟随鼠标的星星点点,变化过程非常漂亮
把如下代码加入<body>区域中
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF8000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00FF00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000FF" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFFFF" CLIP="0,0,2,2"></LAYER>
<div id="starsDiv" style="position:absolute;top:0px;left:0px"> <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ffff00;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ff0000;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:2px;visibility:visible"></div> </div>
<script language="JavaScript"> <!--  Script adapted for Explorer by kurt.grigg@virgin.net
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step = .2;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var i = 0;
var j = 0;
if (document.all)
{ function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
} else if (document.layers)
{ function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
} function animateLogo(){
if (document.all)
{ yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
} else if (document.layers)
{ yBase = window.innerHeight/4;
xBase = window.innerWidth/4;
}
if (document.all)
{ for ( i = 0 ; i < starsDiv.all.length ; i++ )
{
  starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
  starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
}
}
else if (document.layers)
{ for ( j = 0 ; j < 7 ; j++ ) //7 is number of NS layers!
{
  var templayer="a"+j
  document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
  document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
}
} currStep += step;
setTimeout("animateLogo()", 10);
} animateLogo();
// --> </script>

ip地址已设置保密
2003/9/30 9:51:30

 1   1   1/1页      1    
Powered By Dvbbs Version 7.1.0 Sp1
页面执行时间 00.18750 秒, 5 次数据查询