AIM 2

Tuesdays, 3:30 pm - 6:20 pm
Instructor: Erik Brown

Week 13

jQuery Animations

W3Schools: .animate()

.animate({ parameters }, duration (optional), easing (optional), callback (optional))

And for the parameters:
.animate({ parameter: "value", parameter: "value", ...etc... })

jQuery easing plugin

Animation demo
Somewhat practical example
Alternating .animate() and .delay()

Animation queue problem
w3schools: .stop()
Halting the queue with .stop()
Controlling the queue

Advanced tricks:
.stop() comparison
Animate a hover effect
.animate() for background images

Btw:
.hover() between functions

Design team work session

Mockup presentation guidelines

Due next week:
Project 2 mockup presentation
Project 2: Personal Project

Last chance next week:
Project 2: Personal Project Proposal

TOP