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