Animates all paragraphs to fade out, completing the animation within 600 milliseconds. : Animation « jQuery « JavaScript DHTML






Animates all paragraphs to fade out, completing the animation within 600 milliseconds.

  


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

        
            $("p").click(function () {
              $("p").fadeOut("slow");
            });


        });
    </script>

  </head>
  <body>
    <body>
<p>
    fade away.
  </p>
    </body>
</html>

   
    
  








Related examples in the same category

1.Animation: border width
2.Animation call back
3.Cascade animation
4.Animation in sequence
5.Animation: easing in
6.Animation: font size
7.Animation: height
8.Linear animation
9.Animation: movement
10.Animation: opacity
11.Animation queue
12.Animation: show
13.Animation: toggle
14.Width changing animation
15.Stop an animation
16.Cascade fade out animation
17.jQuery animation: resize and change color
18.Animate width and height
19.Show the length of the queue.
20.Animates first paragraph to fade to an opacity of 0.33 (33%, about one third visible), completing the animation within 600 milliseconds.
21.dequeue(): Removes a queued function and executes it.
22.Use dequeue to end a custom queue function which allows the queue to keep going.
23.queue() Returns a reference to the first element's queue (which is an array of functions).
24.queue(callback): Adds a new function, to be executed, onto the end of the queue of all matched elements.
25.Width animation