jQuery 1.4 Animation Techniques - Index of
jQuery 1.4 Animation Techniques - Index of jQuery 1.4 Animation Techniques - Index of
size effect about 149 configuration options 149 elements, resizing 150, 151 using 150, 151 sizingMethod 240 sizingMethod parameter 252 skew function 232, 236 skewRTL() function 259 skew() transform animating 247-249 basic styling 248 controls, wiring up 262 underlying markup, creating 248 widget, initializing 250, 251 skewX function 232 skewY function 232 slice() method 256 slide-down login form creating 75-78 slideDown() method 197, 226 about 73 using 74 working 74 slide effect about 168 configuration options 168 elements, sliding 168, 169 using 168, 169 slideToggle() method about 73, 83 using 83-87 working 83 slideUp() method about 73, 79 using 79-81 working 79 sliding methods slideDown() 73 slideToggle() 73 slideUp() 73 space invaders clone extending 300 specialEasing option 103 split() function 116, 219, 257 split() method 109 [ 319 ] stop() method 55, 66, 152 stop-motion animation about 201 extending 204 frames, creating 202, 203 imagery 201 implementing 204 markup and styling, adding 202 running 202, 203 technique 201 stroke() method 269 strokeRect(a, b, c, d) method 267 strokeStyle property 268 stroketext() method 270 swing easing 89 switchClass() method 176, 177 T table rows fading, in IE 43-45 template file about 11, 13 project folder, creating 13 text() method 88, 211 title attribute 107 toggleClass(), class transition methods 176 toggle() method 155 about 52 show and hide, replacing with 52, 53 toString() function 59 transfer effect about 152 configuration options 152 outline, transferring from one element to another 152-154 using 152-154 transformation methods, canvas element rotate() 271 scale() 271 transform() 271 translate() 271 transform functions matrix 232 rotate 232 scale 232 scaleX 232
scaleY 232 skew 232 skewX 232 skewY 232 translate 232 translateX 232 translateY 232 transform() method 271 transform property 244 transition overlay creating 129 transitions defining 130 transitionWidth property 133 translate function 232, 233 translate() method 271 translateX function 232 translateY function 232 transparent 123 tranzify 125 trigger() jQuery method 226 U Unified Animation API 21 userConfig object 126 V [ 320 ] Vector Markup Language (VML) 277 vendor variable 244 vertical navigation menu creating 47, 48 W web animation history 7, 8 Webkit 115 whiteLines() function 286 widget skinning 111 widget skinning about 111 animated content-viewer, adding 113 basic styling, creating 114 element size, animating 114 expanding images, creating 120 image sizes, specifying 115 image viewer, making scalable 113 new skin, adding 111-113 overlay images, creating 116 overlay positions, maintaining 119, 120 overlay wrappers, creating 116-118 underlying page, creating 114
- Page 289 and 290: Canvas Animations We can set the co
- Page 291 and 292: Download from Wow! eBook Canvas An
- Page 293 and 294: Canvas Animations All imageData obj
- Page 295 and 296: Canvas Animations context.beginPath
- Page 297 and 298: Canvas Animations For the next part
- Page 299 and 300: Canvas Animations Time for action -
- Page 301 and 302: Canvas Animations 3. Save the new p
- Page 303 and 304: Canvas Animations Time for action -
- Page 305 and 306: Canvas Animations Once the rectangl
- Page 307 and 308: Canvas Animations We then define tw
- Page 309 and 310: Canvas Animations }, context.lineTo
- Page 311 and 312: Canvas Animations Creating a canvas
- Page 313 and 314: Canvas Animations Time for action -
- Page 315 and 316: Canvas Animations What just happene
- Page 317 and 318: Canvas Animations What just happene
- Page 319 and 320: Canvas Animations aliens.splice(x,
- Page 321 and 322: Canvas Animations Pop quiz - creati
- Page 323 and 324: Download from Wow! eBook
- Page 325 and 326: Pop Quiz Answers Using fadeToggle()
- Page 327 and 328: Pop Quiz Answers Using slideToggle
- Page 329 and 330: Pop Quiz Answers Implementing the p
- Page 331 and 332: Pop Quiz Answers Animating the canv
- Page 333 and 334: show() or hide() method, triggering
- Page 335 and 336: cssHooks using 239 cssHooks feature
- Page 337 and 338: fading animations 20 flicker effect
- Page 339: proximity animations about 207 exte
- Page 343 and 344: jQuery 1.4 Reference Guide ISBN: 97
scaleY 232<br />
skew 232<br />
skewX 232<br />
skewY 232<br />
translate 232<br />
translateX 232<br />
translateY 232<br />
transform() method 271<br />
transform property 244<br />
transition overlay<br />
creating 129<br />
transitions<br />
defining 130<br />
transitionWidth property 133<br />
translate function 232, 233<br />
translate() method 271<br />
translateX function 232<br />
translateY function 232<br />
transparent 123<br />
tranzify 125<br />
trigger() <strong>jQuery</strong> method 226<br />
U<br />
Unified <strong>Animation</strong> API 21<br />
userConfig object 126<br />
V<br />
[ 320 ]<br />
Vector Markup Language (VML) 277<br />
vendor variable 244<br />
vertical navigation menu<br />
creating 47, 48<br />
W<br />
web animation<br />
history 7, 8<br />
Webkit 115<br />
whiteLines() function 286<br />
widget<br />
skinning 111<br />
widget skinning<br />
about 111<br />
animated content-viewer, adding 113<br />
basic styling, creating 114<br />
element size, animating 114<br />
expanding images, creating 120<br />
image sizes, specifying 115<br />
image viewer, making scalable 113<br />
new skin, adding 111-113<br />
overlay images, creating 116<br />
overlay positions, maintaining 119, 120<br />
overlay wrappers, creating 116-118<br />
underlying page, creating 114