UBB.Developers Forums Community Development Programming HTML, CSS, and JavaScript HTML - Rollovers

Hey,

I want to do some simple rollover effects like you are using on your side menu. But what I want to do is alternate between two colours at mouse rollover on just text.

Do I have to create 2 different coloured graphics of the same menu item to create the rollover ????

My current menu item for example, is made up entirly of just simple text converted to a link. It is currently black, and at rollover I want it to turn white.

It sounds so simple.

All I really need to know is which tags to use.

Thanks,

TotalNewbie

That's done with CSS. Place this in your header...



Note that this works properly only in IE; but does degrade gracefully in NS.

There are some further examples of this at:
www.CodeBrain.com/javascript




------------------
etLux
CodeBrain.com Free Java

theres some way to do it with javascript or DHTML, but it's not really worth the effort.

Hover works in NS6, but not NS4 (because it sucks).

------------------
-david
I stand on my head and watch it all go away.

I think I got that right. You can use it within the head section of your page. You can change the effects that happen and the colors and everything. Feel free to change that. it is off my page

Btw, this is for all the links, the way they look, not just rollovers. Grr...

This message has been edited by -Prowler- on September 29, 2000 at 10:25 PM

BTW you can define additional link colors, like if you have links on one color BG and some on another... className.A:link, className.A:hover, etc... And you call them by Where className is whatever you want to call it.

------------------
goodfellasweb.com

This message has been edited by SonnyBlack on September 29, 2000 at 10:48 PM

You're right sonny, but your syntax was a little out of whack. Heres how it should work:

Class:


ID:

Prowler:
Although its true, you can put