no, the problem I have is that I set a mouseout function from jquery
on the menus background.
This background is a box blue square. On this square is buttons that
once clicked takes you to different pages. These buttons are more
linke image links.
Well when the mouse moves over to the image links the menu background
and image links fades out because of the function mouseout. The
mouseout function is used on the menus background so if the mouse is
not over the menus background then it fades out the menu.
So when the mouse goes over the image links it detects the mouse is
not over the menu background causing a menu fade out.
What I want to do is make a if statement condition that will only make
the fade out function only if the mouse moved off the menus
background that is not on any of the image links on the menus
background. So I want a if statement that will fade out the menu
only if the mouse moved off the menus background and onto anything
else then the menus background and the image links on the menus
background.
I am making nothing but a fade in menu. when the person puts the mouse
over the users image a menu fades in.
I got a plain blank blue box that has image links on this box. THe
problem is that I want the blank box with the image links to fade
out only when the mouse went over the menu box and then goes out of
that box. I don't want a fade out when the mouse is over the box and
if the mouse goes over the image links then it would fade out.
On Sep 25, 5:41 am, "ryan.j" <ryan.joyce...@googlemail.com> wrote:
> if i'm reading your question right, on the menu button'smouseover
> function you could call $('#menu').stop() to end any animation
> effects.
>
> http://docs.jquery.com/Effects/stop
>
> copy paste some code in jsbin.com if you can, it's always easier to
> sort stuff like this with code to look at.
>
> On Sep 25, 4:55 am, "shyhockey...@gmail.com" <shyhockey...@gmail.com>
> wrote:
>
> > Hi, I am usingthe fade in and fade out and mouse over and mouse
> > out.
>
> > What I am doing is creating a menu that fades in when the mouse if
> > over the users image.
>
> > The problem I run into is that when the background of the menu fades
> > in with the buttons which are links. I notice that if you move the
> > mouse over the buttons/links the menu and buttons fade out.
>
> > I have 2 elements one is the menus background and the other element is
> > the buttons/links on top of the background.
>
> > I have a fade out command when the mouse it off the menu background.
> > So I am guessing when the mouse goes over the links/buttons it acts as
> > if the mouse isn't no longer over the menu background element causing
> > a fade out effect.
>
> > What can I do to prevent the menu fading out when the mouse is over
> > the buttons that are links.
>
> > I want the users to be able to put their mouses on the buttons and be
> > able to click on the buttons without the menu fading out but only fade
> > out if the mouse is not longer on the background of the menu and is
> > not over any of the buttons on the menus background.
>
> > I was woundering if I should do a if statement to check the conditions
> > which would be where the mouse is over.
>
> > If the mouse is over either the menu background meaning the menu or is
> > over the buttons on the menu background meaning the opitions in the
> > menu. Then don't do a fade out only do a fade out if the mouse is not
> > over either the buttons or the menu itself.
>
> > how could I do this?
