非常不错的页面特效 建议大家看下



精灵'S blog

BODY {
    FONT-FAMILY: "Courier New", "Courier", monospace; BACKGROUND-COLOR: black
}
A {
    COLOR: #000000; BACKGROUND-COLOR: #88ff88; TEXT-DECORATION: none
}
A:hover {
    COLOR: #88ff88; BACKGROUND-COLOR: #000000
}
.ik {
    LEFT: 50%; POSITION: absolute; TOP: 50%; BACKGROUND-COLOR: #000000; moz-border-radius: 50%; border-radius: 50%
}










































































































var r;
var a;
var ai;
var n;
var w;
var k;
var inter;
var period=20000;
var dur; 
var hdur2;
var hdur;
var z;
var nn;
var donut;
var time;
var id = new Array();
for(i=0;i<100;i++){
    id[i]=document.getElementById('ik'+i);
}

function again(){
    if(id){
        for(i=0;i<100;i++){
            id[i].style.backgroundColor='rgb(0,0,0)';
        }
    }
    r=0;
    a=0;
    ai=Math.random()/5.0-0.1;
    n=Math.floor(Math.random()*17)+3;
    w=Math.floor(Math.random()*11)+1;
    if(n*w>100){
        n=Math.floor(n/w);
    }
    k=Math.random()*2.0+0.3;
    if(Math.random()<0.5) k=-k;
    inter=1+Math.floor(Math.random()*125);
    dur = Math.floor(period/inter); 
    hdur2=dur*dur/4;
    hdur = dur/2;
    z=2*Math.PI/(n*(1+Math.random()/10));
    nn=Math.floor(Math.random()*n)+1;
    donut=Math.random()*10.0-5.0;
    time=0;
    for(i=0;i        id[i].style.backgroundColor='rgb('
            +Math.round(64+Math.random()*191)+','
            +Math.round(64+Math.random()*191)+','
            +Math.round(64+Math.random()*191)+')';
    }
    hey();
}


function hey(){
    for(i=0;i        tt=time-hdur;
        blah=(Math.sqrt(hdur2-tt*tt)/dur) * (donut+65*Math.cos(k*a+z*i/nn));
        L=blah*Math.cos(i*z+a);
        T=blah*Math.sin(i*z+a);
        id[i].style.left=Math.round((50+L)*10)/10+'%';
        id[i].style.top =Math.round((50+T)*10)/10+'%';
        id[i].style.width=Math.sqrt(4+Math.floor(L*L+T*T))+"px";
        id[i].style.height=Math.sqrt(4+Math.floor(L*L+T*T))+"px";
        if(Math.random()<0.01){
            id[i].style.backgroundColor='rgb('
                +Math.round(64+Math.random()*191)+','
                +Math.round(64+Math.random()*191)+','
                +Math.round(64+Math.random()*191)+')';
        }
    }
    a+=ai;
    time++;
    if(time        setTimeout('hey();',inter);
    }else{
        setTimeout('again();',inter);
    }
}
again();

 


 


 


 


 


 


 


 


 


 


 


 


 


 


 




精灵'S blog

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

你可能感兴趣的:(非常不错的页面特效 建议大家看下)