Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Very good page special effects. I suggest you take a look_Typical special effects

Very good page special effects. I suggest you take a look_Typical special effects

WBOY
Release： 2016-05-16 19:12:49
Original
1447 people have browsed it



精灵'S blog











































































































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();

 


 


 


 


 


 


 


 


 


 


 


 


 


 


 





Related labels：
非常不错的页面特效 建议大家看下
source：php.cn
Previous article：javascript Zifa FormValid 0.1 form validation code package download_form effects Next article：Javascript & DHTML Example Programming (Tutorial) Basics_Basic Knowledge
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How do I get my image to appear on the page's main display? What I want to do is receive some photos using NASAAPI. These photos are then displayed on...
From 2024-04-06 15:33:12
0
1
433
Releasing the X-axis after calling Chart.zoom(): a step-by-step guide I set the scroll strategy to setScrollStrategy(AxisScrollStrategies.progressive) and on th...
From 2024-04-04 23:40:56
0
1
1339
return(); doesn't work for 1 route but works for almost the same route I have 2 routes, one for unsubscribing and one for restoring, both routes are the same exc...
From 2024-04-04 17:34:09
0
1
311
How to use CSS selectors to target div elements containing specific attributes or tags? I'm working on a POS system that generates a website. Most of the code is proprietary so I...
From 2024-04-03 22:25:59
0
1
277
How to fix React Hydration errors caused by using client-side rendering in React and Next.js? Combined with the useEffect hook in React. My goal is to incorporate client-side rendering...
From 2024-03-31 09:04:35
0
1
377
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template