CSS menu - mouseout delay

[genkiz]

I really like this css menu:
http://qrayg.com/learn/code/cssmenus
But it is really annoying when menu immediatelly disappear on onmouseout.
Could you please help to add a delay before hide menu?
Thanks
genkiz

[ddadmin]

That script is based on Suckerfish (http://www.alistapart.com/articles/dropdowns), which is basically a pure CSS menu (aided only by JavaScript to make it cross browser compatible). I'm not aware of any existing mods online that give Suckerfish a delay onmouseout unfortunately.

[Medyman]

I really like this css menu:
http://qrayg.com/learn/code/cssmenus
But it is really annoying when menu immediatelly disappear on onmouseout.
Could you please help to add a delay before hide menu?
Thanks
genkiz

You can do it via javascript, not really a CSS thing.

Perhaps something like:


<script type="text/javascript"><!--
function hideDiv() {
document.getElementById("someLayer").style.visibil ity="hidden";
}
//--></script>

<span id="someLayer" style="visibility: hidden" onmouseover="this.style.visibility='visible';" onmouseout="javascript:setTimeout(hideDiv, 3000);">

Note: the 3000 in the setTimeout() means 3 secs.