jQuery 1.4 Animation Techniques - Index of
jQuery 1.4 Animation Techniques - Index of jQuery 1.4 Animation Techniques - Index of
measureText() method 270 messageList variable 41 methods, paths arc(a, b, c, d, e, f) 268 arcTo(a, b, c, d, e) 268 beginPath() 268 bezierCurveTo(a, b, c, d, e, f) 268 closePath() 268 fill() 269 lineTo(a, b) 269 moveTo(a, b) 269 quadraticCurveTo(a, b, c, d) 269 stroke() 269 methods, pixel manipulation createImageData() 271 getImageData() 271 putImageData() 271 middle variable 212 miterLimit property 269 mouseeenter event handler 215 mouseenter event 151 mouse events adding, to proximity animations 214 mouseleave handler function 98 mousenter event handling function 98 moveTo() method 269 N native shapes, canvas element 267 newScroll variable 184 noConflict() method 125 normalizedDuration variable 214 not() method 109 O offset() method 116, 184 onload handler 281 overlay images creating, in widget 116 overlay positions, widget maintaining 119 overlay wrappers creating, in widget 116-118 P [ 317 ] page scroll animating 179-184 parallax effect about 186 background position, animating 188, 189 cssHooks feature, using 186 extending 190 implementing 189 stage, creating 187, 188 stage, styling 187, 188 parseInt() function 257 partial opacity animating 37 behavior, adding 39-41 example page, creating 38-43 pop() function 56 posLeftMarker variable 130 post-animation callback defining 107, 108 postAnim function postAnim() function 108, 110 preFlat object 257 preventDefault() function 78, 262 preventDefault() method 109, 128, 184 properties globalAlpha 267 globalCompositeOperation 267 properties, createImageData() method data 272 height 272 length 272 width 272 properties, paths lineCap 269 lineJoin 269 lineWidth 269 miterLimit 269 properties, text font 271 textAlign 271 textBaseline 271
proximity animations about 207 extending 216 keyboard events, adding 215, 216 mouse events, adding to 214 page, creating and styling 208, 209 page, prepping for sliding functionality 210-213 scroller, animating 213, 214 puff effect about 166 configuration options 166 element, making disappear in puff 166, 167 using 166, 167 pulsate effect about 145 configuration options 145 element, pulsating 145, 146 using 145, 146 purecss class 26 push() function 56 putImageData() method 271 Q quadraticCurveTo() method 269 queue callback function, using 62, 63 clearing 69 function, adding 61 replacing 63 single function, adding 61 viewing 57,-60 working with 56 queue execution delaying 69 queue() method 55, 57 R rectInt variable 286 rectMotion() function 283, 289 removeClass(), class transition methods 176 removeClass() method 177 removeFrame() function 204 resetOffset variable 214 reverse() function 56 rotate function 232 [ 318 ] rotate() method 271 rotateStrings array 245 S Scalable Vector Graphics (SVG) 277 scale effect about 170 configuration options 170 element, scaling 170, 172 using 170, 172 scale function 232, 234 scale() method 271 scaleX function 232 scaleY function 232 screensize object 196 scroller variable 212 scrollHeight property 184 scroll navigation adding, to single-page navigation 193-195 scrollTo() method 197 scrollTo plugin 185, 197 scrollTop() method 179, 184 setInterval() function 204, 246, 289 setInterval() method 219 setTimeout() function 98 shadowBlur property 268 shadowColor property 268 shadowOffsetX property 268 shadowOffsetY property 268 shake effect about 147 configuration options 147 element, shaking 147, 148 using 147, 148 show() or hide() method 155 triggering 46, 47 simple CSS hover states enhancing, fadeIn() animations used 22, 23 single-page navigation animating 190 extending 200 individual pages, creating 190-193 scroll navigation, adding 193-195 styles, adding to pages 190-193 single-page website creating 196-199
- 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 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: fading animations 20 flicker effect
- Page 341 and 342: scaleY 232 skew 232 skewX 232 skewY
- Page 343 and 344: jQuery 1.4 Reference Guide ISBN: 97
measureText() method 270<br />
messageList variable 41<br />
methods, paths<br />
arc(a, b, c, d, e, f) 268<br />
arcTo(a, b, c, d, e) 268<br />
beginPath() 268<br />
bezierCurveTo(a, b, c, d, e, f) 268<br />
closePath() 268<br />
fill() 269<br />
lineTo(a, b) 269<br />
moveTo(a, b) 269<br />
quadraticCurveTo(a, b, c, d) 269<br />
stroke() 269<br />
methods, pixel manipulation<br />
createImageData() 271<br />
getImageData() 271<br />
putImageData() 271<br />
middle variable 212<br />
miterLimit property 269<br />
mouseeenter event handler 215<br />
mouseenter event 151<br />
mouse events<br />
adding, to proximity animations 214<br />
mouseleave handler function 98<br />
mousenter event handling function 98<br />
moveTo() method 269<br />
N<br />
native shapes, canvas element 267<br />
newScroll variable 184<br />
noConflict() method 125<br />
normalizedDuration variable 214<br />
not() method 109<br />
O<br />
<strong>of</strong>fset() method 116, 184<br />
onload handler 281<br />
overlay images<br />
creating, in widget 116<br />
overlay positions, widget<br />
maintaining 119<br />
overlay wrappers<br />
creating, in widget 116-118<br />
P<br />
[ 317 ]<br />
page scroll<br />
animating 179-184<br />
parallax effect<br />
about 186<br />
background position, animating 188, 189<br />
cssHooks feature, using 186<br />
extending 190<br />
implementing 189<br />
stage, creating 187, 188<br />
stage, styling 187, 188<br />
parseInt() function 257<br />
partial opacity<br />
animating 37<br />
behavior, adding 39-41<br />
example page, creating 38-43<br />
pop() function 56<br />
posLeftMarker variable 130<br />
post-animation callback<br />
defining 107, 108<br />
postAnim function<br />
postAnim() function 108, 110<br />
preFlat object 257<br />
preventDefault() function 78, 262<br />
preventDefault() method 109, 128, 184<br />
properties<br />
globalAlpha 267<br />
globalCompositeOperation 267<br />
properties, createImageData() method<br />
data 272<br />
height 272<br />
length 272<br />
width 272<br />
properties, paths<br />
lineCap 269<br />
lineJoin 269<br />
lineWidth 269<br />
miterLimit 269<br />
properties, text<br />
font 271<br />
textAlign 271<br />
textBaseline 271
Change language