Simon Hibbard's Web Apps Blog

Using jQuery .animate() to spice up a simple page


Here is an example of using jQuery .animate to add a bit of interest to otherwise basic pages on this site -> http://www.acplanningsolutions.co.uk/case-studies.aspx

One effect is used to fade in/out the background colours of the menu items creating a nice ‘trailing’ effect as you hover over them (see below).

The other effect is to animate in the images and text, also if you click on “Conservation Area – Residential” you will notice the page frame grows to fit the new image and the images change on a timer.

Just thought I would share this as an example of what can be done with a small amount of jQuery code šŸ™‚

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

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