jQuery 1.4 Animation Techniques - Index of

[ 213 ]
Chapter 8
In the previous screenshot, we can see that the proximity container is resized and the
scroller element is centered within it. We can also see the default message at the bottom
of the proximity container.
Time for action – animating the scroller
The next section of code deals with actually animating the scroller element based on where
the mouse pointer is relative to the outer proximity container:
function goAnim(e) {
var offset = prox.offset(),
resetOffset = e.pageX - offset.left - middle,
}
normalizedDuration = (resetOffset > 0) ? resetOffset :
-resetOffset,
duration = (middle - normalizedDuration) * 50;
scroller.stop().animate({
left: (resetOffset < 0) ? 0 : "-" + (parseInt(scroller.width())
- parseInt(prox.width()))
}, duration, "linear");