Maybe try using hoverIntent ?
Liam
lamy wrote:
Hi there!
I'd like to create an effect like the one on the jquery Ui website. Someone
hovers over an item and is changes its background color smoothly.
This is how far I've got:
$(".actionmenu").mouseover(function(){
if($(this).css("background-image").length <= 4)
{
var obj = $(this).clone(true);
obj.insertAfter(this).hide().css({"background-image":"url(IMAGE)","background-repeat":"repeat-y"});
$(this).hide();
obj.fadeIn();
}
});
$(".actionmenu").mouseout(function(){
if($(this).css("background-image").length > 4)
{
$(this).hide();
$(this).prev("div").fadeIn();
}
});
It works.
The problem is, that if the user hovers too quickly, the js code can't keep
up with cloning and fading in that div so that the item vanishes. Check
yourself: http://inaustralia.de/fcms/admin.php?site=entry
user/pass:operator
Any solutions?