Plugins

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

seek


This plugin allows you to seek and highlight with a customizable animation div a set of elements on the page.
Yes, I don't know his utility....

HOW IT WORKS
Call method .seek() on jQuery object.

$("img").seek();

PARAMETERS

  • css - set of css properties to stylize the div (backgroundColor, borderColor, borderStyle, borderWidth, position, top, bottom, right, left)
  • startFrom - indicates the element from wich the animation starts
  • animation
    • easeFunction - the easing function that guide the object transformation
    • speed - the speed of the single animation in milliseconds
  • multiple
    • simultaneous - boolean, indicates if the animation of multiple dom object must be executed simultaneous or not
    • interval - if simultaneous is set to false, it indicates the interval in milliseconds between the animations of multiple objects

SOME EXAMPLES
Set a green dotted border for the div, to seek the element with id "idOfElement", in 400 milliseconds.

$("#idOfElement").seek({ css: { borderStyle: "dotted",
                           borderWidth: "1px",
                           borderColor: "#00FF00" },
    animation: { speed: 400 } });

Seek all the images in the page, with an interval of 300 milliseconds.

$("img").seek({ css: { borderStyle: "solid", borderWidth: "2px" },
                animation: { easeFunction: "easeInExpo", speed: 900 },
                multiple: { simultaneous: false, interval: 300 } });

Downloads



5
Your rating: None Average: 5 (1 vote)