02.06.2013 Views

jQuery 1.4 Animation Techniques - Index of

jQuery 1.4 Animation Techniques - Index of

jQuery 1.4 Animation Techniques - Index of

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Download from Wow! eBook <br />

Table <strong>of</strong> Contents<br />

Time for action – adding the behavior 39<br />

Fading table-rows in Internet Explorer 43<br />

Time for action – fading table-rows in IE 43<br />

Showing and hiding 46<br />

Flyout submenus with <strong>jQuery</strong>'s show/hide logic 47<br />

Time for action – animations with show/hide 49<br />

Animated toggling 52<br />

Time for action – replacing show and hide with toggle 52<br />

Summary 53<br />

Chapter 3: Managing <strong>Animation</strong>s 55<br />

Working with the queue 56<br />

Viewing the queue 57<br />

Time for action - viewing the queue 57<br />

Adding a function to the queue 61<br />

Time for action – adding a single function to the queue 61<br />

Using a callback function to keep the queue moving 62<br />

Time for action – keeping the queue running 62<br />

Replacing the queue 63<br />

Time for action – replacing the queue 63<br />

Ensuring custom queues iterate correctly 65<br />

Time for action – dequeueing functions 66<br />

Stopping an animation 66<br />

Time for action – preventing animation build-up using the stop method 68<br />

Delaying queue execution 69<br />

Clearing the queue 69<br />

Useful properties <strong>of</strong> the <strong>jQuery</strong> object 70<br />

Globally disabling animations 70<br />

Changing the default frame rate 70<br />

Summary 71<br />

Chapter 4: Sliding <strong>Animation</strong>s 73<br />

Sliding elements into view 74<br />

Time for action – creating a slide-down login form 75<br />

Sliding elements out <strong>of</strong> view 79<br />

Time for action – sliding elements up 80<br />

Toggling the slide 83<br />

Time for action – using slideToggle 83<br />

Easing 89<br />

Time for action – adding easing 90<br />

Using an object literal to add easing 91<br />

Time for action – using the alternative argument format 91<br />

[ ii ]

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!