jquery의 아주 간단한 div 표시 및 특수 효과 숨기기 데모(공유)_jquery

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

& lt; head & gt;
& lt; meta http-equiv ="content-type "content ="text/html; & lt; title & gt; Untitled Document & Lt;/title & gt; <🎜 🎜> & lt; script src = "jquery_last.js"type = "text/javascript"& gt;/lt;/lt;/lt; script type = "text/javascript" & gt; <<> $ (document) .ready (function () {}); <🎜 🎜> function hiden () {
$ ( "#divobj"). hide (); // hide () 함수를 구현할 수 있습니다 숨기기, 예를 들어 Hide (2000)은 2000 밀리 초의 속도로 가죽을 가져올 수 있습니다. function show () {
$ ( "#divobj") .show (); // display, 매개 변수 설명은 위와 동일합니다 <🎜 🎜} <🎜
function toggle () {<🎜 🎜> $ ( "#divobj"). 토글 (2000); // 숨기기 스위치 표시, 매개 변수는 없을 수 있습니다. 매개 변수 설명은 위와 동일합니다. divobj "). slideDown (); // 커튼 효과 확장
} <🎜 🎜}
& lt;/script & gt;
& lt;/head & gt;
& lt; body & gt; div & lt;/h3 & gt; <🎜 🎜> & lt; input type = "button"value = "hide"onclick = "hiden ()" "/& gt;
& lt; input type ="value = "show의 내용. "onclick ="show () "/& gt; <🎜
& lt; 입력 유형 ="버튼 "value ="커튼 효과 디스플레이 2 "onclick ="slide () "/& gt;
& lt; input type ="버튼 "value ="커튼 효과의 스위칭 "onclick ="slidetoggle () "/& gt; <🎜 🎜 & lt; input type ="button "value ="hide display effect switch "onclick ="toggle () ""/& gt;
& lt; div id = "divobj"style = "display : none"& gt;
1. 테스트 예제 & lt; br/& gt;
2. 테스트 예제 & lt; br/& gt;
3. 테스트 예제 & lt; br/& gt;
4. 테스트 예제 & lt; br/& gt; <🎜 🎜> 5. 테스트 예제 & lt; br/& gt;
6. 테스트 예제 & lt; br/& gt; <🎜 7. 테스트 예제 & lt; br/ & gt; <<> 8. 테스트 예제 & lt; br/& gt; <🎜 🎜> 9. 테스트 예제 & lt; br/& gt;
0. 검사 예제 & lt; br/& gt;
& lt;/div & gt;
& lt ;/body>