지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 아주 좋은 페이지 특수 효과를 살펴보시기 바랍니다._일반적인 특수 효과

아주 좋은 페이지 특수 효과를 살펴보시기 바랍니다._일반적인 특수 효과

WBOY
풀어 주다： 2016-05-16 19:12:49
원래의
1448명이 탐색했습니다.



精灵'S blog











































































































var r;
var a;
var ai;
var n;
var w;
var k;
var inter;
var 기간=20000;
var du; 
var hdur2;
var hdur;
var z;
var nn;
var 도넛;
var time;
var id = new Array();
for(i=0;i    id[i]=document.getElementById('ik' i);
}

함수 다시(){
    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(기간/간); 
    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;
    시간=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) ')';
    }
    안녕하세요();
}


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='
                Math.round(64 Math.random()*191) ','
                Math.round(64 Math.random()*191) ','
                Math.round(64 Math.random()*191) ')';
        }
    }
    a =ai;
    시간 ;
    if(time        setTimeout('hey();',inter);
    }else{
        setTimeout('again();',inter);
    }
}
again();

 


 


 


 


 


 


 


 


 


 


 


 


 


 


 





관련 라벨：
非常不错的页面特效 建议大家看下
원천：php.cn
이전 기사：javascript Zifa FormValid 0.1 양식 유효성 검사 코드 패키지 download_form 효과 다음 기사：Javascript & DHTML 예제 프로그래밍(튜토리얼) 기초_기본 지식
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
내 이미지를 페이지의 기본 디스플레이에 표시하려면 어떻게 해야 합니까? 제가 하고 싶은 것은 NASAAPI를 사용하여 사진 몇 장을 받는 것입니다. 이 사진은 내 페이지의 썸네일과 메인 디스플레이에 표시됩니다. 코드가 썸네일에서 이미...
에서 2024-04-06 15:33:12
0
1
433
Chart.zoom() 호출 후 X축 해제: 단계별 가이드 스크롤 전략을 setScrollStrategy(AxisScrollStrategies.progressive)로 설정했고 로드된 페이지에서 데이터가 매우 빠르게 들어...
에서 2024-04-04 23:40:56
0
1
1339
return(); 한 경로에서는 작동하지 않지만 거의 동일한 경로에서는 작동합니다. 구독 취소용 경로와 복원용 경로, 두 개의 경로가 있습니다. 두 경로 모두 누락된 것이 없으면 이름/기능/URL을 제외하고 동일합니다. 이력서 구독을 취소할 때 ...
에서 2024-04-04 17:34:09
0
1
311
특정 속성이나 태그가 포함된 div 요소를 대상으로 CSS 선택기를 사용하는 방법은 무엇입니까? 저는 웹사이트를 생성하는 POS 시스템을 개발하고 있습니다. 대부분의 코드는 독점이므로 편집할 수 없습니다. 일부 이미지가 카테고리로 떠 있는 카테고리 출력 목록...
에서 2024-04-03 22:25:59
0
1
277
React 및 Next.js에서 클라이언트 측 렌더링을 사용하여 발생하는 React Hydration 오류를 수정하는 방법은 무엇입니까? React의 useEffect 후크와 결합됩니다. 내 목표는 클라이언트 측 렌더링을 통합하는 동시에 반응 수화 오류가 발생하지 않도록 하는 것입니다. 내가 이해한...
에서 2024-03-31 09:04:35
0
1
377
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿