Mauszeiger

Auch der Mauszeiger (Cursor) kann verändert werden. Der Code kann auf alle Elemente, egal ob Tabellen, Links, Grafiken, Textblöcke oder eine ganze Seite angewendet werden.

Beispiel für Text:
<p style="cursor: help;"> Beispieltext </p>

Das Attribut „hand” wird nur vom Internet Explorer unterstützt! Verwenden Sie statt dessen das Attribut „pointer”.

Mit dem Microsoft Edge (Internet Explorer), Mozilla Firefox und dem Google Chrome Browser lassen sich auch andere beliebige Cursor (Mauszeiger) auf der Webseite anzeigen. Der Cursor kann im Format .png, .gif, .jpg, .cur oder .ani vorliegen.

Beispiel

<style>
body {
  cursor: url('cursor.png'), auto;
}
</style>

Tipps

Favicon erstellen - Ihr Logo in den Lesezeichen (Favoriten)

Das Favoriten Icon wird bei einem Bookmark in die Favoritenliste aufgenommen. Dort erscheint zukünftig die „gebookmarkte” Webseite mit einem eigenen Symbol.

Grafik als Zeichenkette speichern und wieder als Grafik ausgeben

Grafiken (Bilder) können problemlos als Zeichenkette gespeichert und wieder ausgelesen werden, wie das genau funktioniert und welchen Sinn es hat erfahren Sie hier.

Spalten einer Tabelle dynamisch ändern

Manchmal möchte man die Spalten einer Tabelle dynamisch ändern so das diese individuell angezeigt werden können, wie das geht wird hier an einem Beispiel demonstriert.