Top

[HTML] .slideDown() | Web-Programing
±è°æÈÆ (admin) | Editor | 2013/04/04 10:57:58 | Á¶È¸:3314

  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">
  10. $(document).ready(function() 
  11. {
  12. $("#picture").hide().next().hide();
  13. $("#showPicture").click(function(){$("#picture").slideDown("slow", function(){$("#picture").next().show().stop();});});
  14. $("#hiddenPicture").click(function(){$("#picture").slideUp("slow", function(){$("#picture").next().hide();});});
  15. });
  16. </script>
  17. </head>
  18. <body>
  19. <input type="button" id="showPicture">
  20. <input type="button" id="hiddenPicture">
  21.  
  22. <img src="http://club.daoki.com/playground/data/__124028912028410.jpg" id="picture"><span>This is the picture's caption</span>
  23. </body>
  24. </html>
°øÀ¯Çϱâ
°øÀ¯Çϱâ
0
0
0


´ñ±ÛÀ» ºÒ·¯¿À´Â ÁßÀÔ´Ï´Ù.
¡ã ÀÌÀü±Û [jquery] À̹ÌÁö , µ¿¿µ»ó ÀÚµ¿ ¸®»çÀÌ¡! ±è°æÈÆ (admin) 2013-04-17 16:08:33
¡å ´ÙÀ½±Û [MSSQL] ´ç¿ù ù° ³¯Â¥¿Í ¸¶Áö¸· ³¯Â¥ ±¸Çϱâ. ±è°æÈÆ (admin) 2013-04-03 13:32:42