Hier geht es um einen Fade-Link. Was das ist, lässt sich am Leichtesten an einem Beispiel zeigen:
Klick

Zunächst benötigt ihr diese Datei, die ihr bitte im Ordner mit dem Layout etc hochladet, wofür ihr sie verwenden möchtet:
Download fade_1.js (5,69kb)
(Rechtsklick -> Ziel speichern unter)

In der Datei selbst (die ihr mit einem html-Editor wie z.B. phase 5 öffnen könnt), könnt ihr die Geschwindigkeit und Farben des Fades einstellen:
// This part is configurable
//------------------------------------------------
startColor = "#000000"; // MouseOut link color
endColor = "#94AFE6"; // MouseOver link color
stepIn = 20; // delay when fading in
stepOut = 30; // delay when fading out
autoFade = true;
sloppyClass = true;

Erläuterung:
startColor = "#000000"; --> gibt die Farbe an, die der Link haben soll, wenn über ihn drübergefahren wurde, in diesem Beispiel also schwarz (#000000) (Anm: die Anfangsfarbe des Links wird über CSS definiert).
endColor = "#94AFE6"; --> gibt die Farbe an, die beim Drüberfahren über den Link entstehen sollen, hier ein helles Blau.
stepIn = 20; --> gibt die Geschwindigkeit an, mit der von schwarz zu hellblau gewechselt wird beim Drüberfahren
stepOut = 30; --> gibt die Geschwindigkeit an, mit der von hellblau wieder zu schwarz gewechselt wird, wenn man den Link wieder "verlässt".

CSS-Effekte wie line-through oder Ähnliches werden dabei weiterhin über die CSS-Datei geregelt und können somit auch verwendet werden.

Zum Einbau in den Header eurer html-Datei könnt ihr folgenden Code verwenden:

<script src="tutorials/94_2.js" language="Javascript"></script>


noch Fragen? Dann mailt mir an Fischi@ride-my-10-inch.de