• > 웹 프론트엔드 > JS 튜토리얼 > 난수를 사용하여 JavaScript 웹 페이지에 특수 효과 만들기_일반적인 특수 효과

    난수를 사용하여 JavaScript 웹 페이지에 특수 효과 만들기_일반적인 특수 효과

    WBOY
    풀어 주다: 2016-05-16 19:13:11
    원래의
    1200명이 탐색했습니다.

    온라인 세계는 매우 흥미롭습니다. 특수 효과를 적절하게 사용하면 화려한 페이지가 더욱 아름다워질 것입니다. 제가 요약한 특수효과는 다음과 같습니다.
    점핑 텍스트
    춤추는 텍스트를 보고 싶으신가요? 가져와!
    코드: 먼저 〈head〉와 〈/head〉
     〈!--
     functionfont11()
     //함수font11() 정의
     {
     document.all.a1.style.fontSize=16
     Math.floor(Math.random()*24) //Math.random() 함수를 호출하여 난수를 생성한 후 사용 it Math.floor() 함수는 Math.random()*24보다 작거나 같은 다음 숫자를 생성하여 텍스트 크기를 변경합니다
      c1=Math.floor(Math.random()*256); c2=수학 .floor(Math.random()*256);
    c3=Math.floor(Math.random()*256)
    document.all.a1.style.color="rgb(" c1 ", " c2 "," c3 ")"; //위와 동일하게 텍스트 색상 변경(RGB 색상 조정 사용)
    타이머=setTimeout('font11()',200) //font11 호출 () 함수는 200밀리초마다
     }
     --->〈/script〉
     

    에 onLoad="font11();"을 추가하고 마지막으로 를 추가합니다. Fly〈/span〉
    특징: 텍스트 색상과 크기를 임의로 변경할 수 있습니다.
    확장자: 웹 페이지에 여러 개의 코드 세트를 추가할 수 있으며, 여기서 글꼴 11은 앞으로는 글꼴 12, 글꼴 13 등으로 표시됩니다. 텍스트는 다르게 표시될 수 있습니다.
    사진이 페이드 인/아웃됩니다
    시간이 지남에 따라 사진도 흐릿함에서 선명함으로 주기적으로 변합니다.
    코드: 먼저 〈head〉와 〈/head〉 사이에 〈script 언어="JavaScript"〉를 추가합니다.
    〈!--
    mark=0
    function tupian() //함수 tupian 생성 ()
     {
     if(photo.filters.alpha.opacity〈10)
     //이미지 투명도가 10 미만인 경우
     mark=1
     if(photo.filters. alpha.opacity〉98)
    //이미지 투명도가 98보다 큰 경우
    mark=-1;
    step=2*mark
    photo.filters.alpha.opacity =step; 🎜> //투명 값 카운터 누적
    setTimeout('tupian()',20);
    //프로그램은 20밀리초마다 실행됩니다
    }
    --->〈/script〉
    그런 다음 이미지 속성에 id="photo" 및 style="filter:alpha(opacity=0;)"를 추가합니다.
    마지막으로 이미지 코드 뒤에 〈script〉〈!--
    tupian()을 추가합니다. ;
     --->〈/script〉
    특징: 그림이 들어오고 나갑니다.
    이 글의 코드는 매우 간단하며, 설명이 필요한 부분은 모두 설명했습니다.
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿