Cargando…

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.

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Wellman, Dan
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.