Add delay in multicol menu on hover

hi all

i m using this multicol menu

http://wdpixels.com/coding/multicolmenu.html

how can i add a slight delay on hover

If it can be done with simple javascript without jquery that would be great.

vineet

It is possible to use CSS3 transitions to delay the :hover effect (providing the effect is CSS based).

For example:

div{
    transition: 0s background-color;
}

div:hover{
    background-color:red;
    transition-delay:1s;
}

will delay applying the the hover effects for one second.
See here: http://stackoverflow.com/questions/8566090/delay-hover-in-css3

For a JavaScript solution, see here: http://www.sitepoint.com/forums/showthread.php?634583-hover-delay-using-javascript!
And here: http://cherne.net/brian/resources/jquery.hoverIntent.html