ADVANCED ANIMATIONS

Using the animate() function

This page offers an example managing a set of favourite links with a custom layout, which can be selected by the user and re-worked by the browser.
Click below to change the elements layout.

Arrangements:


Some Favourite Links (using a div)

Home Web - JSP Training Software Clone 1 Clone 2 Clone 3 Clone 4 Clone 5 Clone 6 Clone 7 Clone 8 Clone 9 Clone 10 Clone 11 Clone 12 Clone 13 Clone 14 Clone 15 Clone 16 Clone 17 Clone 18 Clone 19 Clone 20

Here it is a version of the example above using a table structure instead of a sequence of div elements. This approach is not suggested because it mess up with the DOM structure.
Anyway the animation works also in this case, click here to animate the first top-left link (other links will not be animated).

Some Favourite Links (using a table)

Home Web - JSP Training Software
Clone 1 Clone 2 Clone 3 Clone 4
Clone 5 Clone 6 Clone 7 Clone 8
Clone 9 Clone 10 Clone 11 Clone 12
Clone 13 Clone 14 Clone 15 Clone 16
Clone 17 Clone 18 Clone 19 Clone 20
Sources

HOME