Solved

how do i change the color onmouseover & out of links

Posted on 1998-06-19
14
191 Views
Last Modified: 2010-04-09
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?
0
Comment
Question by:Acocite
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 5
  • 2
  • +1
14 Comments
 
LVL 2

Expert Comment

by:tpryor
ID: 1844267
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

0
 

Author Comment

by:Acocite
ID: 1844268
Yes, but how can i do it with text, instead of images? worth an extra 50 pts.
0
 
LVL 1

Expert Comment

by:treyjeff
ID: 1844269
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.
0
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 

Author Comment

by:Acocite
ID: 1844270
Yeah, like a link.
0
 
LVL 1

Expert Comment

by:treyjeff
ID: 1844271
Reject the propsed answer and I'll answer with what I use on my homepage.
0
 

Author Comment

by:Acocite
ID: 1844272
first answer rejected
0
 
LVL 6

Expert Comment

by:Holger101497
ID: 1844273
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!
0
 
LVL 1

Expert Comment

by:treyjeff
ID: 1844274
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.
0
 

Author Comment

by:Acocite
ID: 1844275
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?
0
 
LVL 1

Expert Comment

by:treyjeff
ID: 1844276
What browser are you using?
0
 

Author Comment

by:Acocite
ID: 1844277
How am i supposed to use "Dhtml/Css"?
0
 

Author Comment

by:Acocite
ID: 1844278
ie 4.0
0
 
LVL 1

Accepted Solution

by:
treyjeff earned 190 total points
ID: 1844279
With what I gave you, you don't need DHTML or CSS.  I have uploaded a sample for you at http://www.huron.net/~jlewis/sample.htm
Check it out and it will work for you.
0
 
LVL 6

Expert Comment

by:Holger101497
ID: 1844280
> 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! :-)
0

Featured Post

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

690 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question