jQuery animation Example

I just created a jQuery Html Template that has 3 section.

  1. Header – Fixed size
  2. Content – Starts at the bottom of the header and stops at the top of the footer
  3. Footer – Fixed size


The template includes jquery library inline so it is fully functional.

The animation part will occur when the “Click Me” button is pressed in the top right of the page. The header will change size as will the content area. The content area is self scrolling also.

This test was done as a simple experiment to try and solve a problem with a control I’m trying to design.

Works on: IE 6-8 (though in IE6 the links are not correct), FireFox (3.5) and the latest Chrome (


Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: