Puff an image : hide « jQuery « JavaScript Tutorial

<html lang="en">
<head>
  <title></title>
  <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="js/ui/effects.core.js"></script>
  <script type="text/javascript" src="js/ui/effects.scale.js"></script>
  <link type="text/css" href="js/demos.css" rel="stylesheet" />
  <script type="text/javascript">
  $(function() {
        $("#loading").click(function() {
          $(this).hide("puff");
        });
  });
  </script>
</head>
<body>
<img id="loading" alt="Loading" src="http://www.java2s.com/style/logo.png">
</body>
</html>

30.49.hide
	30.49.1.	Click to hide
	30.49.2.	Hide a tag
	30.49.3.	Hide and remove
	30.49.4.	Hide fast
	30.49.5.	Hide in millisecond
	30.49.6.	Animates all shown paragraphs to hide slowly, completing the animation within 600 milliseconds.
	30.49.7.	Puff an image