Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

how do i change the color onmouseover & out of links

Posted on 1998-06-19
14
Medium Priority
?
194 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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 570 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

618 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