Dynamische Hyperlinks

Dynamische Hyperlinks ändern ihr Aussehen, sobald man mit dem Cursor über den betreffenden Hyperlink hinwegfährt.

Beispiel: Dynamic Link

Um einen Dynamic Link zu erzeugen ist etwas Quellcode notwendig.

Für die dynamische Darstellung des obigen Links wird folgender Quellcode im <head> Bereich der .htm Datei eingefügt:

<style>a:hover {color: red; font-weight: bold; font-size: 150%; font-style: italic; font-family: courier; text-decoration: none; cursor: help }</style>

a:hover gibt an, dass die nachfolgenden Anweisungen beim Überfahren eines Links stattfinden sollen.

color: red bewirkt, dass die Schriftfarbe in Rot wechselt. (Farbeinstellungen siehe Farbtabelle)

font-weight: bold bewirkt, dass die Schrift Fett dargestellt wird

font-size: 150% bewirkt, dass die Schriftgröße um 50% größer erscheint als die festgelegte Standardgröße

font-style: italic bewirkt, dass Schrift kursiv dargestellt wird

font-family: courier bewirkt, dass die Schriftart auf Courier gewechselt wird

text-decoration: none bewirkt, dass der Hyperlinktext nicht unterstrichen wird

cursor: help bewirkt, dass anstatt der Hand die bei Hyperlinks als Cursor angezeigt wird, das Hilfezeichen verwendet wird.

Folgende Einstellungen für cursor sind möglich:

auto = automatischer Cursor (Normaleinstellung)
default = Plattformunabhängiger Standard-Cursor
crosshair = Form eines einfachen Fadenkreuzes
pointer = Form eines Zeigers
move = Form eines Kreuzes (signalisiert Fähigkeit zum Bewegen des Elements)
n-resize = Form eines Pfeils, der nach oben zeigt
ne-resize = Form eines Pfeils, der nach rechts oben zeigt
e-resize = Form eines Pfeils, der nach rechts zeigt
se-resize = Form eines Pfeils, der nach rechts unten zeigt
s-resize = Form eins Pfeils, der nach unten zeigt
sw-resize = Form eines Pfeils, der nach links unten zeigt
w-resize = Form eines Pfeils, der nach links zeigt
nw-resize = Form eines Pfeils, der nach links oben zeigt
text = Form, die normalen Text symbolisiert.
wait = Cursor in Form eines Symbols, das einen Wartezustand signalisiert.
help = Form des Symbols Hilfe
url([Datei]) = Beliebiger Cursor anhand einer [Datei] (.gif oder .jpg Grafik)

Die einzelnen Anweisungen innerhalb des <style> Tags müssen durch ein Semikolon und eine Freitaste voneinander getrennt werden.

Beim Festlegen des Aussehens von Dynamischen Hyperlinks sind noch einige weitere Einstellungen möglich. Diese hier alle darzustellen und zu behandeln würde den Rahmen dieser Tipp Sammlung sprengen und gehört wohl eher in eine Abhandlung über Dynamic HTML oder Cascading Stylesheet.