MouseOver text change

They have: 2 posts

Joined: Apr 2004

Is there anyway, with HTML, CSS, Java, etc, to do something like this:

I have a menu:

HOME
INFO
CONTACT

On the mouseover right now I have it changing from grey to green, but what I would like to do is include a bit more text on the mouseover so that the menu on mouse over would look like:

+ HOME
+ INFO
+ CONTACT

I can do it with Flash, but I'd like to steer clear of Flash and the like.

Anyways, thanks for any help you can provide.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

You can use CSS2 -- using the pseudo class :before

Or you can use regular CSS to add an image in the background of the element and shove the text aside.

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Or you could use JavaScript to toggle visibility of the symbol. Might be okay to do that since it seems like a non-essential aspect. Otherwise I'd advise you to go with one of Suzanne's propositions. Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.