찾다

집  >  기사  >  웹 프론트엔드  >  js_javascript 기술에서 왼쪽에서 오른쪽으로 이미지의 그라데이션 전환 효과를 얻는 방법

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

WBOY
WBOY원래의
2016-05-16 16:15:151690검색

이 기사의 예에서는 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의 확장 사용 사례 분석

관련 기사

더보기

       

         
href="#" target=_blank>

        
       

        
       

       

     
<테이블 테두리=0 align=center cellPadding=0 cellSpacing=1 id=num>