jQuery :: hoverIntent Plugin

Created For: http://stackoverflow.com/q/10972961/352449

by Salustiano Silva

HTML

<script src="http://cherne.net/brian/resources/jquery.hoverIntent.js"></script>
<nav>
    <ul>
        <li>menu opt 01</li>
        <li>menu opt 01</li>
        <li>menu opt 01</li>
    </ul>
</nav>

CSS

.hoverIn {
    color: green;
}
.hoverOut {
    color: black;
}

JavaScript

$("nav ul li").hoverIntent({    
    sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)    
    interval: 10,  // number = milliseconds for onMouseOver polling interval    
    timeout: 800,   // number = milliseconds delay before onMouseOut    
    over:function(){
        $(this)
            .removeClass("hoverOut").toggleClass("hoverIn");
    },
    out: function(){
        $(this)
            .removeClass("hoverIn").toggleClass("hoverOut");
    }
});