[FadingLink II]

Der Link: Test wird von 0099FF nach FFFFFF gefaded,
der Link Test2 wird von 0099FF nach FF0000 geblendet.

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.

[Code]

[zwischen <HEAD> und </HEAD>]

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

[Hinweise]

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.

[Autor]

Sebastian Gingter / phoenixnet.de

[Download]

Copyright © 1998- Nightfire Webworker Archiv Script No: 0472