Top

[HTML] .slideDown() | Web-Programing
김경훈 (admin) | Editor | 2013/04/04 10:57:58 | 조회:4531

  1.   <html>
  2.     <head>
  3.         <meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
  4. <title>Untitled Document</title>
  5. <style>
  6. .border1 {background:#F00}
  7. </style>
  8. <script src="http://code.jquery.com/jquery-latest.js" ></script>
  9. <script type="text/javascript">
  11. $(document).ready(function() 
  12. {
  13. $("#picture").hide().next().hide();
  15. $("#showPicture").click(function(){$("#picture").slideDown("slow", function(){$("#picture").next().show().stop();});});
  17. $("#hiddenPicture").click(function(){$("#picture").slideUp("slow", function(){$("#picture").next().hide();});});
  18. });
  19. </script>
  20. </head>
  21. <body>
  22. <input type="button" id="showPicture">
  23. <input type="button" id="hiddenPicture">
  24.  
  25. <img src="http://club.daoki.com/playground/data/__124028912028410.jpg" id="picture"><span>This is the picture's caption</span>
  26. </body>
  27. </html>
공유하기
공유하기
0
0
0


댓글을 불러오는 중입니다.
▲ 이전글 [jquery] 이미지 , 동영상 자동 리사이징! 김경훈 (admin) 2013-04-17 16:08:33
▼ 다음글 [MSSQL] 당월 첫째 날짜와 마지막 날짜 구하기. 김경훈 (admin) 2013-04-03 13:32:42
페이지 로딩이 끝나면 해당 댓글로 이동 합니다.