how to do hoverintent without jquery?
<p>I don't want to include jquery in all my pages, but I'm adding a global 'popdown' menu on hover of a section, but I don't want it immediate as it's annoying when just moving the mouse around. Usually I would do this with jquery and hoverintent, but not this time.</p>

<p>I guess I could set a timeout on <code>onmouseover</code> for the area, but not sure if it's just that simple (like, wouldn't it fire like thousands of times while the mouse moves?)</p>

<p>Current code is like this...</p>

<pre><code>&lt;div onMouseOver="showCart();"&gt;Hover here!&lt;/div&gt;
</code></pre>

<p>so would changing that to this work?:</p>

<pre><code>&lt;div onMouseOver="setTimeout(showCart, 50);"&gt;Hover here!&lt;/div&gt;
</code></pre>
