jQuery 1.4 Animation Techniques - Index of
jQuery 1.4 Animation Techniques - Index of jQuery 1.4 Animation Techniques - Index of
Preface jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML, and is the most popular JavaScript library in use today. Using the features offered by jQuery, developers are able to create dynamic web pages. This book will act as a resource for you to create animation and advanced special effects in your web applications, by following the easy-to-understand steps mentioned in it. jQuery 1.4 Animation Techniques: Beginner's Guide will allow you to master animation in jQuery to produce slick and attractive interfaces that respond to your visitors' interactions. You will learn everything you need to know about creating engaging and effective web page animations using jQuery. The book uses many examples and explains how to create animations using an easy, step-by-step, beginner's guide approach. This book provides various examples that gradually build up the reader's knowledge and practical experience in using the jQuery API to create stunning animations. The book starts off by explaining how animations make your user interface interactive and attractive. It explains the various methods used to make the element being animated appear or disappear. It provides a set of steps to create simple animations and show fading animations. You can later learn how to make complex animations by chaining different effects together as well as how to halt a currently running application. You will find out how to slide your animation elements and learn to create custom animations that can be complex and specialized. You will find out how to obtain and set up the jQuery UI—the official user interface library for jQuery. This book will tell you how to animate a page's background image, and will teach you how to make images scroll in a certain direction and at a certain speed depending on the movement of the mouse pointer.
Preface What this book covers Chapter 1, Introduction covers the basics including downloading jQuery and setting up a development area, a brief history of animation on the Web, when and where not to use animation, how animation can enhance an interface, and the animation methods exposed by jQuery. A basic example of animation is also covered. Chapter 2, Fading Animations looks at the fading family of animation methods including fading elements in and out, fade toggling, triggering animations with show(), hide(), and toggle(), and fading an element to a specific opacity. Chapter 3, Managing Animations covers the animation queue and the methods jQuery provides for managing it. We see how to clear the queue, how to add functions to it, and how to clear it. We see how to add a delay between queued items and how to prevent animations building up in the queue when they are not required. Chapter 4, Sliding Animations looks at jQuery's sliding animation and covers how to slide elements in an out of view and how to toggle the slide based on their current state. We also look at how CSS positioning can affect animations and how to avoid a common pitfall when using these methods in a drop-down menu. Chapter 5, Custom Animations focuses on the animate() method, which jQuery provides for us as a means of creating custom animations not already predefined. This extremely powerful method allows us to animate almost any CSS-style property to easily create complex and attractive animations. Chapter 6, Extended Animations with jQuery UI looks at the additional effects added by jQuery UI, the official UI library built on top of jQuery. We look at each of the 14 new effects as well as covering the easing functions built into the library. Chapter 7, Full Page Animations looks at animations that form the main focus of the page. Techniques we cover include animating page scroll, creating a parallax effect, and creating basic stop-motion animations. Chapter 8, Other Popular Animations looks at some common types of animations found on the web including proximity animations triggered by the mouse pointer, animated headers, and a modern-day equivalent to the marquee element. Chapter 9, CSS3 Animations covers how we can use CSS3 to create attractive animations driven by the latest CSS transforms and how jQuery can be used to make the process easier, including the latest cssHooks functionality. Chapter 10, Canvas Animations looks at the HTML5 canvas element and shows how it can be used to create stunning animations without the use of Flash or other proprietary technologies. The book closes with an in-depth example teaching how to create an interactive game using nothing but HTML and JavaScript. [ 2 ]
- Page 2 and 3: Download from Wow! eBook jQuery 1.
- Page 4 and 5: Author Dan Wellman Reviewers Shaifu
- Page 6 and 7: About the Author Dan Wellman is an
- Page 8 and 9: Cyril Pierron is an engineer, a web
- Page 12: For Pat Spacagna, the greatest moth
- Page 15 and 16: Download from Wow! eBook Table of
- Page 17 and 18: Table of Contents Time for action -
- Page 19 and 20: Table of Contents jQuery and transf
- Page 21: Drawing to the canvas 309 Supportin
- Page 25 and 26: Preface Have a go hero - heading Th
- Page 27 and 28: Preface Piracy Piracy of copyright
- Page 29 and 30: Introduction In addition to animate
- Page 31 and 32: Introduction When not to use animat
- Page 33 and 34: Introduction of the template file"
- Page 35 and 36: Introduction In the previous screen
- Page 37 and 38: Introduction Once our variables hav
- Page 40 and 41: 2 Fading Animations In this chapter
- Page 42 and 43: [ 21 ] Chapter 2 We can control the
- Page 44 and 45: The previous screenshot shows how t
- Page 46 and 47: [ 25 ] Chapter 2 Most of the styles
- Page 48 and 49: 2. What else can be passed into the
- Page 50 and 51: Time for action - creating the dial
- Page 52 and 53: [ 31 ] Chapter 2 For example, the a
- Page 54 and 55: Download from Wow! eBook The follo
- Page 56 and 57: [ 35 ] Chapter 2 The CSS is used mo
- Page 58 and 59: The fadeTo() method is used in the
- Page 60 and 61: [ 39 ] Chapter 2 #messageList table
- Page 62 and 63: [ 41 ] Chapter 2 What just happened
- Page 64 and 65: 2. What format can these arguments
- Page 66 and 67: } var el = $(this); if (el.css("fil
- Page 68 and 69: [ 47 ] Chapter 2 Usually these meth
- Page 70 and 71: Time for action - animations with s
Preface<br />
<strong>jQuery</strong> is a cross-browser JavaScript library designed to simplify the client-side scripting <strong>of</strong><br />
HTML, and is the most popular JavaScript library in use today. Using the features <strong>of</strong>fered by<br />
<strong>jQuery</strong>, developers are able to create dynamic web pages. This book will act as a resource for<br />
you to create animation and advanced special effects in your web applications, by following<br />
the easy-to-understand steps mentioned in it.<br />
<strong>jQuery</strong> <strong>1.4</strong> <strong>Animation</strong> <strong>Techniques</strong>: Beginner's Guide will allow you to master animation in<br />
<strong>jQuery</strong> to produce slick and attractive interfaces that respond to your visitors' interactions.<br />
You will learn everything you need to know about creating engaging and effective web<br />
page animations using <strong>jQuery</strong>. The book uses many examples and explains how to create<br />
animations using an easy, step-by-step, beginner's guide approach.<br />
This book provides various examples that gradually build up the reader's knowledge and<br />
practical experience in using the <strong>jQuery</strong> API to create stunning animations. The book starts<br />
<strong>of</strong>f by explaining how animations make your user interface interactive and attractive.<br />
It explains the various methods used to make the element being animated appear or<br />
disappear. It provides a set <strong>of</strong> steps to create simple animations and show fading animations.<br />
You can later learn how to make complex animations by chaining different effects<br />
together as well as how to halt a currently running application. You will find out how<br />
to slide your animation elements and learn to create custom animations that can be<br />
complex and specialized.<br />
You will find out how to obtain and set up the <strong>jQuery</strong> UI—the <strong>of</strong>ficial user interface library<br />
for <strong>jQuery</strong>. This book will tell you how to animate a page's background image, and will teach<br />
you how to make images scroll in a certain direction and at a certain speed depending on the<br />
movement <strong>of</strong> the mouse pointer.