Der Link: Test wird von 0099FF nach FFFFFF gefaded, der Link Test2 wird von 0099FF nach FF0000 geblendet.
[Beschreibung]
Dieses Script lässt alle Hyperlinks auf der Webseite mit einer einstellbaren Geschwindigkeit beim daraufzeigen einblenden und wieder ausblenden, sobald die Maus den Link verlässt.
[Kompatibilität]
[Code]
<script src="FadingLinks.js" type="text/javascript"></script>
Die Farben für die Links müssen in einer CSS-Datei festgelegt sein, so daß ausser der Einbindung des Scriptes keine Änderungen an der Seite vorgenommen werden müssen.
Beispiel: /* definition of links */ a { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #0099FF; text-decoration: none; fade:fade} a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FF0000; text-decoration: none; fade:fade} /* definition of styles used in the footer*/ a.footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0099FF; text-decoration: none; font-style:none; font-weight:none } a.footer:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline; font-style:none; font-weight:none }
Der Link: <a class="footer" href="test.html">Test</a> wird also von 0099FF nach FFFFFF gefaded,
der Link <a href="test2.html">Test2</a> wird von 0099FF nach FF0000 geblendet.
Sebastian Gingter / phoenixnet.de