웹 페이지에서 이미지의 그라데이션 표시를 자주 보므로 직접 작성하기로 결정했습니다. 원칙은 매우 간단합니다. 요소의 CSS 투명도를 수정하는 것입니다. 온라인 미리보기: http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 코드 복사 코드 형식 다음: 네이티브 Js 요소 페이드/페이드 방법 <버튼 id="show"> 페이드 인 페이드 인 <br>function alphaPlay(obj,method) { //메소드는 두 값 표시 또는 숨기기 <br>var n = (method == "show") ? 0 : 100, <br>ie = (window.ActiveXObject) ? true : false <br>setInterval(함수) (){ <br>if(메서드 == "표시"){ <br>if(n < 100){ <BR>n =10; <BR>if(ie){ <BR>obj .style.cssText = "filter:alpha(opacity="n ")"; <BR>}else{ <BR>(n==100) ? obj.style.opacity = 1 : obj.style.opacity = "0 ." <BR>} <BR>}else{ <BR>clearTimeout(시간) <BR>} <BR>}else{ <BR>if(n > 0){ <br>n-=10 ; if(ie){ <br>obj.style.cssText = "filter:alpha(opacity="n ")" <br>}else{ <br>obj.style.opacity = "0." >} <br>}else{ <br>clearTimeout(time); <br>} <br>} <br>},30) <br>} <br>var img = document.getElementById( "img") ; <br>document.getElementById("show").onclick = function(){ <br>alphaPlay(img,"show") <br>} <br>document.getElementById("hiden") .onclick = 함수 (){ <br>alphaPlay(img,"hiden") <br>