jquery-johnnys-path

A small jQuery plugin that animates an absolute positioned element according to a path you give.

☁️ Installation

$ npm i --save jquery-johnnys-path

📋 Example

var options = {
    // Animation durations: 500 ms
    d: 500
 
    // Animation type
  , e: "linear"
};
 
$("...").johnnysPath(options, [
    { x: 100, y: 0   }
  , { x: 100, y: 100 }
  , { x: 000, y: 100 }
  , { x: 0,   y: 0   }
]);

📝 Documentation

johnnysPath(options, points, callback)

A small jQuery plugin that animates an absolute positioned element according to a path you give.

Params

• Object options: An object containing:
  • d (Number): The duration (default: 400 ms)
  • e (String): The animation type (default: "linear")
• Array points: An array of objects containing the x and y values.
• Function callback: The callback function.

Return

• jQuery The selected elements.

😋 How to contribute

Have an idea? Found a bug? See how to contribute.

📜 License

MIT © Ionică Bizău