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

WBOY
풀어 주다: 2016-05-16 17:29:31
원래의
963명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.


& 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>


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿