jQuery 1.4 Animation Techniques - Index of
jQuery 1.4 Animation Techniques - Index of jQuery 1.4 Animation Techniques - Index of
Symbols :animated filter 88 element 41 element 204 element 24 #slide wrapper element 105 element 26 element 41 element 25 #viewer element 105 A addAliens() function 293 addClass(), class transition methods 176 addColorStop() method 270 add() method 110 alienMotion() function 296 aliens adding, to canvas game 293, 294 moving 294, 296 alt attribute 107 animated content viewer creating 104, 105, 113 animated loader creating 14 animated page headers about 217 creating 218, 219 extending 219 animated page scroll extending 186 animated UIs 8 animate() method about 102 alternative syntax 103 configuration options 103 per-property easing 102 animation effects, jQuery UI blind 139 bounce 139 clip 139 drop 139 explode 140 fold 140 highlight 140 puff 140 pulsate 140 scale 140 shake 140 size 140 slide 140 transfer 140 animation example about 13 animated loader, creating 14 animation methods addClass() 137 animate() 137 effect() 137 hide() 137 show() 137 switchClass() 137 toggle() 137 animation methods, jQuery 10 animations avoiding 10 checklist 10 default frame rate, changing 70 disabling, globally 70 preventing, stop() method used 68 Index
show() or hide() method, triggering 46-51 stopping 66, 67 using 9 API methods, canvas element fillText() method 270 measureText() method 270 stroketext() method 270 arc() fmethod 268 arcTo() method 268 auto expand parameter 241 B background-image animations 179 BasicImage filter property 245 beginPath() method 268 bezierCurveTo() method 268 black-border problem 32 blind effect about 155 configuration options 156 using 156, 157 border-radius style property 25 bounce effect about 141 configuration options 141 using 141, 142 C callback function using, to keep queue running 62, 63 canvas animation about 281 creating 282-289 red crosses, animating 286-289 white crosses, animating 284, 285 canvas API about 266 canvas element 266 context methods 267 images and patterns 269 native shapes 267 paths 268 pixel manipulation 271 text 270 transformation methods 271 [ 312 ] canvas element about 266 clearRect(a, b, c, d) method 267 code, making compatible with IE 278-280 drawing to 272-276 fillRect(a, b, c, d) method 267 fillStyle property 268 getContext() method 266 IE support 277 IE support, extending 281 properties 267 shadowBlur property 268 shadowColor property 268 shadowOffsetX property 268 shadowOffsetY property 268 strokeRect(a, b, c, d) method 267 strokeStyle property 268 toDataURL() method 266 transformation methods 271 using, with IE 277 canvas game aliens, adding to page 293, 294 aliens, moving 294, 296 creating 290 handlers, adding 297-299 initial page, creating 290, 291 initial script 292, 293 space invaders clone, extending 300 classes transitioning between 176 class transition methods addClass() 176 removeClass() 176 toggleClass() 176 class transitions about 176 using 176 clearQueue() method 55, 65 clearRect(a, b, c, d) method 267 clearRect() function 296 clearType effect 45 click() event-helper method 42 click() method 42 clip effect about 157 configuration options 157
- Page 281 and 282: CSS3 Animations flatMatrix[3] = fla
- Page 283 and 284: CSS3 Animations When updating the s
- Page 285 and 286: CSS3 Animations translate translate
- Page 287 and 288: Canvas Animations Subjects that we'
- 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: Pop Quiz Answers Animating the canv
- Page 335 and 336: cssHooks using 239 cssHooks feature
- Page 337 and 338: fading animations 20 flicker effect
- Page 339 and 340: proximity animations about 207 exte
- Page 341 and 342: scaleY 232 skew 232 skewX 232 skewY
- Page 343 and 344: jQuery 1.4 Reference Guide ISBN: 97
Symbols<br />
:animated filter 88<br />
element 41<br />
element 204<br />
element 24<br />
#slide wrapper element 105<br />
element 26<br />
element 41<br />
element 25<br />
#viewer element 105<br />
A<br />
addAliens() function 293<br />
addClass(), class transition methods 176<br />
addColorStop() method 270<br />
add() method 110<br />
alienMotion() function 296<br />
aliens<br />
adding, to canvas game 293, 294<br />
moving 294, 296<br />
alt attribute 107<br />
animated content viewer<br />
creating 104, 105, 113<br />
animated loader<br />
creating 14<br />
animated page headers<br />
about 217<br />
creating 218, 219<br />
extending 219<br />
animated page scroll<br />
extending 186<br />
animated UIs 8<br />
animate() method<br />
about 102<br />
alternative syntax 103<br />
configuration options 103<br />
per-property easing 102<br />
animation effects, <strong>jQuery</strong> UI<br />
blind 139<br />
bounce 139<br />
clip 139<br />
drop 139<br />
explode 140<br />
fold 140<br />
highlight 140<br />
puff 140<br />
pulsate 140<br />
scale 140<br />
shake 140<br />
size 140<br />
slide 140<br />
transfer 140<br />
animation example<br />
about 13<br />
animated loader, creating 14<br />
animation methods<br />
addClass() 137<br />
animate() 137<br />
effect() 137<br />
hide() 137<br />
show() 137<br />
switchClass() 137<br />
toggle() 137<br />
animation methods, <strong>jQuery</strong> 10<br />
animations<br />
avoiding 10<br />
checklist 10<br />
default frame rate, changing 70<br />
disabling, globally 70<br />
preventing, stop() method used 68<br />
<strong>Index</strong>
Change language