Jump to content

MouseOver Events


whatabrother

Recommended Posts

I read the JavaScript tutorial here at w3schools.com, but it wasn't as detailed on this as I would have hoped. I want to create an animated menu where the menu categorizes links, and when you mouse over the category, it shows all the specific links. The tutorial gave an example using an image, and I believe what happened was that it changed the html link with document.b1.src = b_pink.gif. What it didn't do is tell why "b1" was used. It would be nice to know what other things can be changed other than the source. A little fooling around revealed that you can use other things than .src, like .width, and many other attributes. Also, is there a way to eliminate the tag completely upon MouseOut? I was thinking that maybe the best way of going about the menu I want, would be something like this: <a href='xxxx.xxx' onmouseover='mouseover()' OnMouseOut='mouseout()'> where mouseover() would return additional links with some css to place them right next to the original, and mouseout() would remove the links. Is this the wrong way of going about things? I really need some direction on the proper method of doing this. Thank you for any help that you can provide.

Link to comment
Share on other sites

It would be nice to know what other things can be changed other than the source. A little fooling around revealed that you can use other things than .src, like .width, and many other attributes.
Check out the HTML DOM tutorials if you haven't already. They help explain what properties you can access/modify.
Also, is there a way to eliminate the tag completely upon MouseOut?
Rather than getting rid of the links, you might try hiding them. Check out this google search for some examples of what I think you are trying to accomplish.
Link to comment
Share on other sites

Check out the HTML DOM tutorials if you haven't already. They help explain what properties you can access/modify.Rather than getting rid of the links, you might try hiding them. Check out this google search for some examples of what I think you are trying to accomplish.
Thanks a ton! The HTML DOM tutorial is what I needed> I am still having a little trouble though. What would be the best way to keep links visible as long as the mouse is over either the original link, or the dynamic links?
Link to comment
Share on other sites

Thanks a ton! The HTML DOM tutorial is what I needed.
No problem! That tutorial helped me a lot too. I refer to it quite often.
What would be the best way to keep links visible as long as the mouse is over either the original link, or the dynamic links?
Try these articles. They should help.http://www.alistapart.com/articles/horizdropdowns/http://www.alistapart.com/articles/dropdowns
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...