Link to home
Start Free TrialLog in
Avatar of Acocite
Acocite

asked on

how do i change the color onmouseover & out of links

How can i make it so when someone's mouse is over a link it would be one color and another when the mouse is not over?
Avatar of tpryor
tpryor

javascript.

for instance,

>>store an image of the color to turn to (when mouse over) in a image var, ex:

 <SCRIPT LANGUAGE="JavaScript">

  <!-- HIDE

var menu = new Image();

        menu.src = "../gifs/mainmenu.gif";

 //STOP HIDING-->

>>name your image tag, ex:

<IMG SRC="../gifs/mainmenu.gif" NAME="Mainmenu" WIDTH="295" HEIGHT="405" ALIGN="BOTTOM">

>> include this code in the anchor tag..

<A HREF="bikes.htm" onMouseOver="Mainmenu.src='../gifs/mainmen1.gif';return showStatus(' ')"
onMouseOut="Mainmenu.src='../gifs/mainmenu.gif'">
-- Place above code here --
</a>

That's it.

GL
t

Avatar of Acocite

ASKER

Yes, but how can i do it with text, instead of images? worth an extra 50 pts.
Like a link?  I have links on my page that change color when the mouse moves over them.  It might be able to be used with text, I'll try to test it.
Avatar of Acocite

ASKER

Yeah, like a link.
Reject the propsed answer and I'll answer with what I use on my homepage.
Avatar of Acocite

ASKER

first answer rejected
I can reliably tell you that it is NOT possible to change the color of "normal" text links without using DHTML / CSS. It can't be done in browsers other than Netscape 4 / IE 4 but the solutions are fairly different for the two and it's a real pain!
Here is how you do it:

<a href="destination.htm"><font face="Verdana" color="#000000" onmouseover="this.style.color = '#ffffff'" onmouseout="this.style.color = '#000000'">Destination Pages</font></a>

This will make a link called Destination Pages that will go to destination.htm  Link will be black and then white when the mouse moves over the link.  I use this on my page.
Avatar of Acocite

ASKER

I've tried using the text you gave me Treyjeff but it just doesn't work. Could their be some other tag somewhere in your document that i might need to make it work?
What browser are you using?
Avatar of Acocite

ASKER

How am i supposed to use "Dhtml/Css"?
Avatar of Acocite

ASKER

ie 4.0
ASKER CERTIFIED SOLUTION
Avatar of treyjeff
treyjeff

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
> With what I gave you, you don't need DHTML or CSS
Do you even know what these terms mean? CSS= Cascading STYLE sheets.

What would you call onmouseover="this.style.color = '#ffffff'" ?

btw. your uploaded example doesn't work in Netscape.
Kind of what I said: The solution is a pain, and different for the two browsers! I regret not having enough time right now to play around and find a way to make it work in both browsers...

Good luck anyway! :-)