View Full Version : Gradual Highlight


IMALoser
09-21-2003, 12:06 PM
I've found out how to make images gradually highlight on mouseover but how can it be done through links?

I've seen a site with it too but I can't understand how it was done. I forgot what was the url of the site too =( so I can't show any samples.

Anyway, help plz?

Alcy
09-22-2003, 03:20 AM
http://design64.net/js/linkfader.html

IMALoser
10-21-2003, 03:46 PM
Oops, I'm sorry to post in this old thread but I didn't want to make a new one.

The link worked and I was able to download the link fader but I can't seem to manipulate it. By what I understood, I just needed to change the codes in the CSS to change the colors.

The default color is orange so I placed the color that went with my page.

This is the code, what do I need to include in their to change the fading colors?

<STYLE type=text/css>A:link {
COLOR: black; text-decoration: none; font-family: small fonts; font-variant: small-caps; font-size: 6pt; letter-spacing: 2px}
A:visited {
COLOR: silver; text-decoration: none; font-family: small fonts; font-variant: small-caps; font-size: 6pt; letter-spacing: 2px}
A:active {
COLOR: black; cursor:nw-resize; font-family: small fonts; font-variant: small-caps; font-size: 6pt; letter-spacing: 2px}
A:hover {
COLOR: #8B0000; cursor:ne-resize; font-family: small fonts; font-variant: small-caps; font-size: 6pt; letter-spacing: 2px}
.menu {
BACKGROUND-COLOR: #000000; COLOR: black; FONT-SIZE: 8pt; FONT-FACE: small fonts, Arial, Verdana
}

MaGiCSuN
10-22-2003, 02:50 PM
first you download the script

then you include this between your <head> and </head>

<script type="text/javascript" src="fader.js"></script>

from the site:

I recommend you use an external .js file - place <script type="text/javascript" src="fader.js"></script> anywhere in your HTML source and that's all (assuming you have already copied fader.js into that directory).


Love,
Mirna

IMALoser
10-24-2003, 05:03 AM
Originally posted by MaGiCSuN
first you download the script

then you include this between your <head> and </head>

<script type="text/javascript" src="fader.js"></script>

from the site:



Love,
Mirna

I did that.... it's just that I can't change the color that it fades into. ;_; I want something besides orange.

Help?