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
crosshair Fadenkreuz  
 
pointer Handsymbol  
 
wait Sanduhr
(je nach Betriebsystem)
 
 
progress Zeiger u. Sanduhr
(je nach Betriebsystem)
 
 
help Fragezeichen  
 
e-resize Pfeil - rechts  
 
w-resize Pfeil - links  
 
n-resize Pfeil - oben  
 
nw-resize Pfeil - links oben  
 
ne-resize Pfeil - rechts oben  
 
text Gerader Strich  
 
move Kreuz mit Pfeilen  
 
default Standard  
 
not-allowed Nicht Erlaubt!  
 
Attribut Bedeutung Beispiel
no-drop    
 
vertical-text Vertikales Text-Symbol  
 
all-scroll    
 
col-resize    
 
row-resize    
 
cell    
 
none    
 
alias    
 
copy    
 
grab (Firefox, Edge, Chrome)  
 
grabbing (Firefox, Edge, Chrome)  
 
zoom-in  
 
zoom-out  
 
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

PHP mit Sicherheit
Sicheres Programmieren – Traue niemals den Eingaben des Benutzers! Speichern Sie fremde Benutzereingaben nie ohne eine Überprüfung in einer Datenbank oder in einer Datei ab.
Seiten dynamisch mit PHP erstellen
Vielleicht kennen Sie dieses Problem: Sie möchten gerne eine Seite ohne Frames erstellen, wollen aber auch nicht bei jeder Änderung an der Navigation alle Seiten ändern. Nur mit HTML gibt es hier keine Lösung und nicht jeder Benutzer hat JavaScript im Browser aktiviert, stattdessen sollten Sie auf PHP zurückgreifen.
Zeitansage in JavaScript
Dieses JavaScript gibt die aktuelle Uhrzeit in Worten aus.
Diese Schlagwörter könnten Sie interessieren:
Zugriffsrechte Silbentrennung Berechnungen Event-Kalender Veranstaltungsliste Zeitansage Hover-Effekt Linkliste Zeichnen AJAX Dynamische Seiten Mauszeiger localStorage Responsiv Mimetypen Zeichenkodierung MySQL Key Codes Favicon Seitenformatierung