jquery.path

By default, jQuery supports single dimensional animations (width, positioning, lengths, lines, x or y, etc.)

The plugin provides a method of multidimensional and multi-variable animations.

This means x and y positionings at the same time, Bezier curves (used in standard PC animations), arcs and more.

The plugin works fine in Firefox 3.5+, Safari 4+ and IE 6+.

Features:

• Bezier curve animation:
• start - is the starting point
• end - is the final point
• x,y - indicate the coordinates at that point. Required
• angle - is the angle of the control point from the line joining the start and end. Optional, default is 0
• length - is the distance from the point to it's control point as a ratio of the distance - from start to end. Optional, default is 1/3
• Arc animation:
• center - is the coords of the centre of an imaginary circle that contains the start and end point
• radius - is the radius of this circle
• start - is the angle of the start point. 0 is "North", measured clockwise
• end - is the angle of the start point. 0 is "North", measured clockwise
• dir - is the direction to move in. Only required if not obvious from start and end

Requirements:

• JavaScript enabled on client side
• jQuery