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
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