> 웹 프론트엔드 > JS 튜토리얼 > js 제어 페이드 인 및 아웃 샘플 code_javascript 기술

js 제어 페이드 인 및 아웃 샘플 code_javascript 기술

WBOY
풀어 주다: 2016-05-16 17:15:50
원래의
1095명이 탐색했습니다.

상대적으로 말하면 초보자가 볼 수는 있지만 그다지 실용적이지는 않습니다. 4개의 jquery 문으로 해결할 수도 있지만 기본 문은 상대적으로 참조적이며 최종 원리를 이해하는 것이 핵심입니다.

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

.org/1999/xhtml">
< ;head>

<제목>제목 없는 문서
="text/javascript">
var i = 100;
function $(id) {return document.getElementById(id);}
function chang_display()
var div = $('div_test');
div.style.filter = "Alpha(Opacity=" i ")"
div.style .opacity = i / 100>if( i== "0")
{document.getElementById('div_test').style.display="none";//Hide
exit
}

}
/*Control div hide*/
function hid() {
setInterval(chang_display, 1)
}


;
< /div>
123123123



최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿