Add delay in multicol menu on hover

[vinpkl]

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

[Pullo]

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/8...-hover-in-css3

For a JavaScript solution, see here: http://www.sitepoint.com/forums/show...ing-javascript!
And here: http://cherne.net/brian/resources/jq...verIntent.html