Puff an image : UI Effects « jQuery « JavaScript DHTML






Puff an image

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

   
  








Related examples in the same category

1.jQuery UI Effects: Blind
2.jQuery UI Effects: Bounce
3.jQuery UI Effects: Clip
4.jQuery UI Effects: Drop
5.jQuery UI Effects: Explode
6.jQuery UI Effects: Fold
7.jQuery UI Effects: Highlight
8.jQuery UI Effects: Puff
9.jQuery UI Effects: Pulsate
10.jQuery UI Effects: Scale
11.jQuery UI Effects: Shake
12.jQuery UI Effects: Size
13.jQuery UI Effects: Slide
14.jQuery UI Effects: Transfer
15.jQuery UI Effects - Hide Demo
16.jQuery UI Effects - switchClass Demo
17.jQuery UI Effects - Toggle Demo
18.jQuery UI Effects - removeClass Demo