The Mini UI is a set of jQuery plugins that offer some of the functionality of the Effect library from jQuery UI. They are an alternative, useful in those situations when you need only one effect and do not wish to include the entire jQuery UI library in your project.
For example, the Blink plugin weighs in at 576 bytes. Comparatively, the jQuery UI core plus Effects library weigh in at around 125 kb.
Download the ones you need and include them with a <script> tag. See below for usage. That's it!
Include the jQuery library and any effects you wish to use:
<script type="text/javascript" charset="utf-8" src="javascripts/jquery-1.3.2.min.js"></script> <script type="text/javascript" charset="utf-8" src="javascripts/jquery.blink.min.js"></script>
Then, just call blink(), wiggle() or bob() on the desired element.
$(".selector").blink();
$(".selector").wiggle();
$(".selector").bob();
$(".selector").blink({
speed: [speed of animation (ms); default: 200],
blinks: [number of times to blink; default: 3],
callback: [function]
});
$(".selector").wiggle({
speed: [speed of animation (ms); default: 50],
wiggles: [number of times to wiggle; default: 3],
travel: [number of pixels to move],
callback: [function]
});
$(".selector").bob({
speed: [speed of animation (ms); default: 50],
bobs: [number of times to bob, default: 3],
travel: [number of pixels to move],
callback: [function]
});
Note: Callbacks are performed once per matched element.