Cargando…
JQuery 2.0 Animation Techniques Beginner's Guide.
This book is a guide to help you create attractive web page animations using jQuery. Written in a friendly and engaging approach this book is designed to be placed alongside your computer as a mentor. If you are a web designer or a frontend developer or if you want to learn how to animate the user i...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Packt Publishing,
2013.
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover; Copyright; Credits; About the Authors; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started; Animation on the Web; The power of animated UIs; When to use animations; When not to use animations; Animation checklist; Animating with jQuery; Creating the project folder; The template file; A basic animation example; Time for action
- creating an animated loader; Summary; Chapter 2: Image Animation; Image animation; Fading animations; Configuring the animations with arguments; Time for action
- setting up the markup and styling.
- Scripting the image sliderTime for action
- scripting the image rotator; Time for action
- extending the pause-on-hover functionality; Time for action
- extending the previous and next link features; Time for action
- extending the pagination functionality; Summary; Chapter 3: Background Animation; Background-color animation; Introducing the animate method; Time for action
- animating the body background-color; Chaining together jQuery methods; The illusion of depth with parallax; Time for action
- creating the stage and adding the styling; Time for action
- animating the background position.
- Automatic background animationTime for action
- creating an automatic background animation; Let's make it diagonal!; Time for action
- animating the background diagonally; Parallax background on page elements; Time for action
- setting up the markup and styling; Time for action
- scripting our parallax script; Summary; Chapter 4: Navigation Animation; Creating simple navigation animations; Configuring addClass() and removeClass(); Time for action
- setting up our navigation; Using the stop() method; Time for action
- adding the stop() method; Animating the window with scrollTop().
- Time for action
- scripting our smooth scrolling animationSmooth scrolling and page background color; Time for action
- creating the super animation; Summary; Chapter 5: Form and Input Animation; Using simple form animations; Time for action
- creating the form; Time for action
- adding our animation styles to the form; Form validation animations; Time for action
- basic dialog form validation; Time for action
- animating form validation errors; Summary; Chapter 6: Extended Animations with jQuery UI; Obtaining and setting up jQuery UI; Creating a new template file.
- The new effects added by jQuery UIUsing the effect API; The bounce effect; Syntax; Configuration options; Time for action
- using the bounce effect; The highlight effect; Syntax; Configuration options; Time for action
- highlighting elements; The pulsate effect; Syntax; Configuration options; Time for action
- making an element pulsate; The shake effect; Syntax; Configuration options; Time for action
- shaking an element; The size effect; Syntax; Configuration options; Time for action
- resizing elements; The transfer effect; Syntax; Configuration options.
- Time for action
- transferring the outline of one element to another.