js_javascript 기술에서 왼쪽에서 오른쪽으로 이미지의 그라데이션 전환 효과를 얻는 방법

이 기사의 예에서는 js를 사용하여 왼쪽에서 오른쪽으로 이미지의 그라데이션 전환 효과를 얻는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

   
     
   
   
     
           
         
           
         
         
           
         
     

var n=0;
var showNum = document.getElementByIdx_x("num");
함수 Mea(값){
 n=값;
 setBg(값);
 재생(값);
 }
함수 setBg(값){
 for(var i=0;i<4;i )
   if(값==i){
  showNum.getElementsByTagName_r("td")[i].className='woon';
  }
 그렇지 않으면{
  showNum.getElementsByTagName_r("td")[i].className='wooff';
  }
 }
함수 재생(값){
 (fc)와 함께{
  필터[0].Apply();
  for(i=0;i<4;i )i==value?children[i].style.display="block":children[i].style.display="none";
  필터[0].play(); 
  }
}
함수clearAuto(){clearInterval(autoStart)}
function setAuto(){autoStart=setInterval("auto(n)", 5000)}
함수 자동(){
 ;
 if(n>3)n=0;
 평균(n);
}
함수 하위(){
 ㄴ--;
 if(n<0)n=3;
 평균(n);
}
setAuto();

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

이전 기사：JQuery_jquery의 확장 사용 사례 분석다음 기사：JQuery_jquery의 확장 사용 사례 분석

관련 기사

더보기

• Bootstrap 목록 그룹 구성 요소에 대한 심층 분석
• JavaScript 함수 커링에 대한 자세한 설명
• JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)
• Angularjs는 WeChat UI(weui)를 통합합니다.
• JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술

• 집

• 강의

• Q&A

• 나의

• 집
• 강의
• 기사
• Q&A
• 사전
• 수동
• 다운로드
• 주제

집

기사

Q&A

강의

주제

다운로드

게임

사전

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）

href="#" target=_blank>
<테이블 테두리=0 align=center cellPadding=0 cellSpacing=1 id=num>