跟随鼠标的彩色方格

最新推荐文章于 2004-09-15 18:53:00 发布

rmzhang33

最新推荐文章于 2004-09-15 18:53:00 发布

阅读量1.3k

点赞数

分类专栏： javascript部分文章标签： function delay ini javascript div layer

本文链接：https://blog.csdn.net/rmzhang33/article/details/105207

版权

javascript部分专栏收录该内容

31 篇文章 0 订阅

订阅专栏

跟随鼠标的彩色方格

源作者：追风人气：5913

//Alter nothing below!!
amount=colours.length;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,
my=0,mx=0;
document.write("<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">");
for (i=0; i < amount; i++)
document.write("<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:"+colours[i]+";padding-top:20px;text-align:center">.</div>");
document.write("</div></div>");
ini=1;
gstep=1;
function iMouse(){
my=event.y;mx=event.x;
}
document.οnmοusemοve=iMouse
function dim(){
ini-=gstep;
dt=setTimeout("dim()",10);
if (ini < 2){
clearTimeout(dt);
glow();
}
}
function glow(){
ini+=gstep;
gt=setTimeout("glow()",10);
if (ini > 14){
clearTimeout(gt);
dim();
}
}
function stars(){
ie.style.top=document.body.scrollTop;
for (i=0; i < amount; i++)
{
var layer=iestars[i].style;
layer.filter="glow(color="+colours[i]+", strength="+ini+")";
layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
}
currStep+=step;
}
function delay(){
Ydelay = YgetDelay+=(my-YgetDelay)*1/20;
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;
stars();
setTimeout("delay()",10);
}
delay();
glow();
}
//-->
</script>
把以上代码放入<head>...</head>就行.

rmzhang33

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
跟随鼠标的彩色方格

跟随鼠标的彩色方格源作者：追风人气：5913 if (document.all){//To add more stars simply add more colours in below array!!colours=new Array("ff0000","00ff00"
复制链接

扫一扫