Mauszeiger

[Bildschirmfoto] 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>

Attribut Bedeutung Beispiel
default Standard
none Kein Cursor!
crosshair Fadenkreuz
wait Sanduhr (je nach Betriebsystem)
progress Zeiger u. Sanduhr (je nach Betriebsystem)
help Hilfeinformationen sind verfügbar
e-resize Pfeil - rechts
w-resize Pfeil - links
n-resize Pfeil - oben
nw-resize Pfeil - links oben
ne-resize Pfeil - rechts oben
text Horizontales Text-Symbol
vertical-text Vertikales Text-Symbol
cell Zellen-Symbol
Attribut Bedeutung Beispiel
not-allowed Nicht Erlaubt!
no-drop Kein einfügen erlaubt!
move Kreuz mit Pfeilen
all-scroll Kreuz mit Pfeilen
col-resize Die Größe des Elements/der Spalte kann horizontal geändert werden.
row-resize Die Größe des Elements/der Spalte kann vertikal geändert werden.
alias Ein Alias oder eine Verknüpfung soll erstellt werden
copy Etwas soll kopiert werden
pointer Handsymbol (ausgestreckter Zeigefinger)
grab Handsymbol
grabbing Handsymbol (Hand greift)
zoom-in Lupen-Plus-Symbol
zoom-out Lupen-Minus-Symbol
url('cursor.png')
  
Beliebiger Cursor

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

Mit JSON Daten zwischen JavaScript und PHP austauschen
JSON, ist ein kompaktes Datenformat in einer einfach lesbaren Textform zum Zweck des Datenaustauschs zwischen Anwendungen.
Fehler 404 mit .htaccess abfangen
Eine Website wird öfters umgebaut, Seiten kommen hinzu, andere Seiten werden entfernt oder bekommen eine neue Adresse. Eine selbst gestaltete Fehler-Weiterleitungsseite, leitet den Besucher sicher zum Angebot der Webseite.
Daten auf mehreren Seiten aufteilen / Kombinierte Formular.- und Blätterfunktion
Damit nicht alle Daten einer DB-Tabelle auf einmal auf der Seite zu sehen sind, sondern übersichtlich auf mehreren Seiten verteilt stehen, benutzt man eine Seitennavigation zum blättern (Pagination).
Webseiten schneller machen
Webseitenbesucher sind ungeduldig, um Besucher und Suchmaschinen bei der Stange zu halten, darf Ihre Website keine Zeit verlieren.

Abonniere meinen RSS-Feed um über aktuelle Seiten benachrichtigt zu werden.