jQuery hoverIntent is a plugin used to delay the trigger of mouseover and mouse out of hover function. This helps us to prevent user trigger many times of event when move over a layer.
default hover:
$("#layer").hover(function() {
//mouserover event
},function() {
//mouserout event
});
hoverintent:
$("#layer").hoverIntent({
interval: 500,
over: function(){
//mouserover event
},
timeout: 500,
out: function(){
//mouserout event
}
});
Plugin site:
http://cherne.net/brian/resources/jquery.hoverIntent.html
options:
over(optional) desc.: mouseover event default: null interval(optional) desc.: delay time to trigger mouseover event default: 100 timeout(optional) desc.: delay time to trigger mouseout event default: 0 out(optional) desc.: mouseout event default: null sensitivity(optional) desc.: sensitivity of mouse, minimal 1 default: 7