Animating numeric properties with animate()


show more Animating numeric properties with animate() provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery for Web Designers show less
please wait ...

Animating numeric properties with animate()

In this movie we're going to take a look at jQuery Animate, which can take any numeric property in your CSS and then animate it. So, looking over here, I have these flowers and I'd like to see if I can make these images animate when I click. So I'm going to scroll down to my JavaScript here. And I've already added click listeners to all of the anchor tags here. I could add them to the images but I'm starting with the anchors for now. And then what I'm going to do is first because I want to just animate the image for the moment I'm going to select the image.

So first I'm going to save the clicked link in case I need it for later using this. And then, I'm going to find the image. So that would be the first image that I find inside the link. Okay. So, now I have the image. And now I'm going to choose something that I want to animate. So, let's say I want to shrink these down a little bit when I click the link. It's going to take the image. And then I'm go...

Animating numeric properties with animate()
Video duration: 4m 56s 1h 42m Intermediate

Viewers:

Animating numeric properties with animate() provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery for Web Designers

Subject:
Web
Software:
jQuery
Author:
please wait ...