From the course: jQuery Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Animating page content

Animating page content - jQuery Tutorial

From the course: jQuery Essential Training

Start my 1-month free trial

Animating page content

- [Narrator] jQuery provides a set of animation effects that you can use right out of the box to give your web applications a polished feel. We'll take a more in depth look at these animation features later in the course, but to get a sense of what you can do with the features provided let's look at a simple example. Open the Animations_intro file in the editor. And before I go through the code I'm going to just run the example to show you what it does. Bring this up in the browser. And here in the browser I'm going to click the start animation function and you can see that my example div element grows in size and then it moves to the right and then down and as it's moving down the border thickness increases at the same time. So let's refresh that, run it one more time. So let's go back and look at the code for this example. In my document ready function I am attaching a click handler to the result of this jQuery selector, which gets the element represented by the id of go. If we…

Contents