jQuery Ease Slide Horizontal Menu Plugin 1.0
Example 1:
Single ul li a items
function callbackMe(){
var linkid = $(this).find('a').attr('href');
window.location = linkid; return false;
}
$("#easeMenu").easeMenu({ulPadding:0, velocity: 300, edges:50, debug: true, extendClick: callbackMe});
Tracer values:
Main areas over div: ?Mouse Position for #menu from middle point: ? px
Movement for #menu ul: ? px
Over element: ?
You clicked the item: ?
Extra
The "selected" li item (optional)
will auto scroll to itīs position on page load.
You can setup the "ulPadding"
to add left and right paddings beyond items positions.
Setup the "velocity"
to adjust velocity on movement (miliseconds).
Setup the "edges"
to create an area nearly edges to scroll items to edge (left or right).
"debug" true or false
to output some usefull info, as on the left "tracer values".
"extendClick" - that´s it, the click function assigned, so you can
control it outside the plugin function.
- Dependences:
- jQuery 1.3
- Plugin & CSS:
- jquery.ease.slide.menu.pack.js
- jQeasemenu.css
- Features:
- Ease Sliding Menu
- Thumbnail Slider
- Default item first (optional)
- Easy implementation plugin
- Compatible:
- Cross browser compatible (ie6, ie7, safari4, firefox3, opera, chrome3)
- CSS & XHTML valid