I see your problem now. What about using a z-index and have them
float on top of each other? This way no element is kicked out of
position. I don't know your CSS savvy but having a container for the
item with a position of relative, and then the children with absolute
positioning would have them absolutely float only inside their
container versus the entire page.
On Jul 8, 12:47 pm, Liam Byrne <[EMAIL PROTECTED]> wrote:
> 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?
