JQuery 1.4 Animation Techniques Beginners Guide.
Quickly master all of jQuery's animation methods and build a toolkit of ready-to-use animations using jQuery 1.4.
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
Formato: | Electrónico eBook |
Idioma: | Inglés |
Publicado: |
Birmingham :
Packt Pub.,
2011.
|
Temas: | |
Acceso en línea: | Texto completo |
Tabla de Contenidos:
- JQuery 1.4 Animation Techniques; jQuery 1.4 Animation Techniques; Credits; Foreword; About the Author; About the Reviewers; www.PacktPub.com; Support files, eBooks, discount offers and more; Why Subscribe?; Free Access for Packt account holders; Preface; What this book covers; What you need for this book; Who this book is for; Conventions; Time for action
- heading; What just happened?; Pop quiz
- heading; Have a go hero
- heading; Reader feedback; Customer support; Downloading the example code; Errata; Piracy; Questions; 1. Introduction; Animation on the Web; The power of animated UIs.
- When to use animationsWhen not to use animations; Animation checklist; Animating with jQuery; The template file; Creating a project folder; A basic animation example; Time for action
- creating an animated loader; What just happened?; Pop quiz
- basic animation with jQuery; Have a go hero
- extending the loading animation; Summary; 2. Fading Animations; Fading animations; Configuring the animations with arguments; jQuery's Unified Animation API; Enhancing simple CSS hover states with fadeIn; Time for action
- adding the underlying markup and styling; What just happened?
- Time for action
- scripting the animationWhat just happened?; Pop quiz
- using fadeIn; Have a go hero
- doing more with fadeIn; Fading elements out; Time for action
- creating the dialog; What just happened?; Pop quiz
- using fadeOut; Have a go hero
- doing more with fadeout; Fading PNGs in IE; Using fadeToggle() for convenient state-checking logic; Time for action
- showing and hiding with fadeToggle(); What just happened?; Pop quiz
- using fadeToggle(); Have a go hero
- extending fadeToggle(); Greater opacity control with fadeTo(); Animating to partial opacity.
- Time for action
- creating the example pageWhat just happened?; Time for action
- adding the behavior; What just happened?; Pop quiz
- using fadeTo; Have a go hero
- doing more with fadeTo; Fading table-rows in Internet Explorer; Time for action
- fading table-rows in IE; What just happened?; Showing and hiding; Flyout submenus with jQuery's show/hide logic; Time for action
- animations with show/hide; What just happened?; Pop quiz
- using show and hide; Animated toggling; Time for action
- replacing show and hide with toggle; Have a go hero
- doing more with toggle; Summary.
- 3. Managing AnimationsWorking with the queue; Viewing the queue; Time for action
- viewing the queue; What just happened?; Pop quiz
- viewing the queue; Adding a function to the queue; Time for action
- adding a single function to the queue; What just happened?; Pop quiz
- adding new items to the array; Using a callback function to keep the queue moving; Time for action
- keeping the queue running; What just happened?; Pop quiz
- keeping the queue running; Replacing the queue; Time for action
- replacing the queue; What just happened?; Pop quiz
- replacing the queue.