- Page 2 and 3: Download from Wow! eBook jQuery 1.
- Page 4 and 5: Author Dan Wellman Reviewers Shaifu
- Page 6 and 7: About the Author Dan Wellman is an
- Page 8 and 9: Cyril Pierron is an engineer, a web
- Page 14 and 15: Table of Contents Preface 1 Chapter
- Page 16 and 17: [ iii ] Table of Contents The flick
- Page 18 and 19: [ v ] Table of Contents Time for ac
- Page 20 and 21: [ vii ] Table of Contents Pop Quiz
- Page 22 and 23: Preface jQuery is a cross-browser J
- Page 24 and 25: [ 3 ] Preface What you need for thi
- Page 26 and 27: Reader feedback Feedback from our r
- Page 28 and 29: 1 Introduction Welcome to the jQuer
- Page 30 and 31: [ 9 ] Chapter 1 A good example of t
- Page 32 and 33: work on almost all numerical CSS st
- Page 34 and 35: [ 13 ] Chapter 1 To get the most ou
- Page 36 and 37: Download from Wow! eBook }; $("#go
- Page 38: [ 17 ] Chapter 1 c. A string or int
- Page 41 and 42: Fading Animations Fading animations
- Page 43 and 44: Fading Animations A useful point to
- Page 45 and 46: Fading Animations text-decoration:n
- Page 47 and 48: Fading Animations What just happene
- Page 49 and 50: Fading Animations This is how our d
- Page 51 and 52: Fading Animations 4. Save this in t
- Page 53 and 54: Fading Animations One thing to watc
- Page 55 and 56: Fading Animations Time for action -
- Page 57 and 58: Fading Animations In the previous s
- Page 59 and 60: Fading Animations Time for action -
- Page 61 and 62:
Fading Animations }), remove = $(""
- Page 63 and 64:
Fading Animations Next we pass a re
- Page 65 and 66:
Fading Animations text: "Cancel", t
- Page 67 and 68:
Fading Animations When we run the n
- Page 69 and 70:
Fading Animations Our fly-out menu
- Page 71 and 72:
Fading Animations nav ul { padding:
- Page 73 and 74:
Fading Animations Animated toggling
- Page 75 and 76:
Fading Animations We also covered t
- Page 77 and 78:
Managing Animations Replacing the e
- Page 79 and 80:
Managing Animations 2. Finally, in
- Page 81 and 82:
Managing Animations Running this co
- Page 83 and 84:
Managing Animations jQuery handles
- Page 85 and 86:
Managing Animations 3. Now change t
- Page 87 and 88:
Download from Wow! eBook Managing
- Page 89 and 90:
Managing Animations Time for action
- Page 91 and 92:
Managing Animations Passing an empt
- Page 93 and 94:
Managing Animations The clearQueue(
- Page 95 and 96:
Sliding Animations Sliding elements
- Page 97 and 98:
Sliding Animations 2. Save the file
- Page 99 and 100:
Sliding Animations The previous pic
- Page 101 and 102:
Sliding Animations Time for action
- Page 103 and 104:
Sliding Animations What just happen
- Page 105 and 106:
Sliding Animations Once the basket
- Page 107 and 108:
Sliding Animations 4. Save this in
- Page 109 and 110:
Sliding Animations What just happen
- Page 111 and 112:
Sliding Animations The new types of
- Page 113 and 114:
Sliding Animations Have a go hero -
- Page 115 and 116:
Sliding Animations 2. Save the new
- Page 117 and 118:
Sliding Animations For the animatio
- Page 119 and 120:
Download from Wow! eBook Sliding A
- Page 121 and 122:
Sliding Animations Adding easing to
- Page 123 and 124:
Custom Animations The animate metho
- Page 125 and 126:
Custom Animations Time for action -
- Page 127 and 128:
Custom Animations We'll use easing
- Page 129 and 130:
Custom Animations if (dir) { var ti
- Page 131 and 132:
Custom Animations Finally, we anima
- Page 133 and 134:
Custom Animations color:#444; } #vi
- Page 135 and 136:
Custom Animations Animating an elem
- Page 137 and 138:
Custom Animations Time for action -
- Page 139 and 140:
Custom Animations When setting the
- Page 141 and 142:
Download from Wow! eBook Custom An
- Page 143 and 144:
Custom Animations New methods and f
- Page 145 and 146:
Custom Animations Another IE-specif
- Page 147 and 148:
Custom Animations } }); userConfig)
- Page 149 and 150:
Custom Animations $(config.selector
- Page 151 and 152:
Custom Animations What just happene
- Page 153 and 154:
Custom Animations In the callback f
- Page 155 and 156:
Download from Wow! eBook Custom An
- Page 158 and 159:
6 Extended Animations with jQuery U
- Page 160 and 161:
[ 139 ] Chapter 6 The download buil
- Page 162 and 163:
[ 141 ] Chapter 6 Optionally, a cal
- Page 164 and 165:
[ 143 ] Chapter 6 The highlight eff
- Page 166 and 167:
What just happened? We add a click
- Page 168 and 169:
[ 147 ] Chapter 6 What just happene
- Page 170 and 171:
[ 149 ] Chapter 6 In the previous s
- Page 172 and 173:
ackground:url(../img/dock.png) no-r
- Page 174 and 175:
[ 153 ] Chapter 6 2. Add the follow
- Page 176 and 177:
[ 155 ] Chapter 6 In the configurat
- Page 178 and 179:
The previous screenshot shows the b
- Page 180 and 181:
The previous screenshot shows the s
- Page 182 and 183:
[ 161 ] Chapter 6 Gothic Medium", S
- Page 184 and 185:
Time for action - exploding an elem
- Page 186 and 187:
4. This is another example that we
- Page 188 and 189:
Download from Wow! eBook [ 167 ] C
- Page 190 and 191:
3. Save this as slide.html. Next cr
- Page 192 and 193:
[ 171 ] Chapter 6 2. The script we
- Page 194 and 195:
Pop quiz - using show/hide logic 1.
- Page 196 and 197:
[ 175 ] Chapter 6 2. To invoke the
- Page 198 and 199:
[ 177 ] Chapter 6 4. Run the page i
- Page 200 and 201:
7 Full Page Animations So far the e
- Page 202 and 203:
Section 2 Lorem ipsum dolor... Lore
- Page 204 and 205:
[ 183 ] Chapter 7 What just happene
- Page 206 and 207:
[ 185 ] Chapter 7 Within the while
- Page 208 and 209:
Time for action - creating the stag
- Page 210 and 211:
$(document).keydown(function(e) { i
- Page 212 and 213:
Page 5 Single Page Site Page 1
- Page 214 and 215:
[ 193 ] Chapter 7 As the screenshot
- Page 216 and 217:
} }); screensize.width * i - (scree
- Page 218 and 219:
[ 197 ] Chapter 7 Next we can add a
- Page 220 and 221:
[ 199 ] Chapter 7 We then set the h
- Page 222 and 223:
Stop-motion animation [ 201 ] Chapt
- Page 224 and 225:
Download from Wow! eBook }, timer
- Page 226:
Summary In this chapter, we looked
- Page 229 and 230:
Other Popular Animations Time for a
- Page 231 and 232:
Other Popular Animations We also ch
- Page 233 and 234:
Other Popular Animations Next we ad
- Page 235 and 236:
Other Popular Animations What just
- Page 237 and 238:
Other Popular Animations prox.width
- Page 239 and 240:
Other Popular Animations Time for a
- Page 241 and 242:
Download from Wow! eBook Other Pop
- Page 243 and 244:
Other Popular Animations What just
- Page 245 and 246:
Other Popular Animations } $("", {
- Page 247 and 248:
Other Popular Animations Within the
- Page 249 and 250:
Other Popular Animations To fix thi
- Page 252 and 253:
9 CSS3 Animations CSS3 brings many
- Page 254 and 255:
[ 233 ] Chapter 9 Translate Transla
- Page 256 and 257:
In the previous screenshot we can s
- Page 258 and 259:
[ 237 ] Chapter 9 Rotation To rotat
- Page 260 and 261:
Download from Wow! eBook In the pr
- Page 262 and 263:
[ 241 ] Chapter 9 Setting the auto
- Page 264 and 265:
moz: "-moz-transform", webkit: "-we
- Page 266 and 267:
[ 245 ] Chapter 9 If none of these
- Page 268 and 269:
For example, we could simply use a
- Page 270 and 271:
[ 249 ] Chapter 9 Left Right
- Page 272 and 273:
matrix[1] = 0.7; matrix[3] = -30 *
- Page 274 and 275:
[ 253 ] Chapter 9 This will allow u
- Page 276 and 277:
if (vendor !== "filter") { flat.css
- Page 278 and 279:
[ 257 ] Chapter 9 If the preFlat ob
- Page 280 and 281:
[ 259 ] Chapter 9 At this point the
- Page 282 and 283:
}; } }; clearInterval(flatInterval)
- Page 284 and 285:
Pop quiz - using the matrix 1. The
- Page 286 and 287:
10 Canvas Animations In the last ch
- Page 288 and 289:
Context methods There are two metho
- Page 290 and 291:
Method Usage fill() Colors in the s
- Page 292 and 293:
The properties we can set on text i
- Page 294 and 295:
[ 273 ] Chapter 10 2. Next we can a
- Page 296 and 297:
[ 275 ] Chapter 10 In the previous
- Page 298 and 299:
Canvas, IE, and the alternatives Ou
- Page 300 and 301:
}; context.beginPath(); context.mov
- Page 302 and 303:
[ 281 ] Chapter 10 If the browser i
- Page 304 and 305:
var context = canvas.getContext("2d
- Page 306 and 307:
context.closePath(); pos.ne.x = pos
- Page 308 and 309:
Download from Wow! eBook context.l
- Page 310 and 311:
[ 289 ] Chapter 10 The four custom
- Page 312 and 313:
Your browser doesn't support the c
- Page 314 and 315:
[ 293 ] Chapter 10 Following this w
- Page 316 and 317:
} }, for (var x = 0; x < alienLengt
- Page 318 and 319:
Time for action - adding handlers t
- Page 320 and 321:
[ 299 ] Chapter 10 We also declare
- Page 322 and 323:
Summary [ 301 ] Chapter 10 In this
- Page 324 and 325:
Chapter 1 Basic animation with jQue
- Page 326 and 327:
Keeping the queue running Replacing
- Page 328 and 329:
Creating a plugin Chapter 6 Using t
- Page 330 and 331:
Chapter 9 Implementing CSS3 rotatio
- Page 332 and 333:
Symbols :animated filter 88 elemen
- Page 334 and 335:
element, clipping in and out 158, 1
- Page 336 and 337:
Download from Wow! eBook about 36
- Page 338 and 339:
measureText() method 270 messageLis
- Page 340 and 341:
size effect about 149 configuration
- Page 342 and 343:
Thank you for buying jQuery 1.4 Ani
- Page 344:
Download from Wow! eBook Learning