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)
grabbing	(Firefox, Edge)
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

Diashow: Die Diashow liest Bilder aus einem Verzeichnis aus (mit PHP), und zeigt diese mit Hilfe von JavaScript an.

.htaccess - Passwortschutz für Webseiten: Mit einer .htaccess Datei und einer .htpasswd Passwort-Datei lassen sich bestimmte Verzeichnisse und die darin enthaltenen Dateien vor unerlaubtem Zugriff schützen.

Zeitbalken: Dieses Script zeigt die vergangene Zeit mit einem farbigen Fortschrittsbalken an. Mit JavaScript oder PHP kann man die vergangene Zeit berechnen lassen und mit CSS wird dann der Fortschrittsbalken farbig angezeigt.

Diese Schlagwörter könnten Sie interessieren:
Quelltext Event-Kalender Lokaler Webserver Mauszeiger AJAX Diashow Dynamische Seiten Marquee Audio-Player PHPMailer Zebra-Tabelle PHP-Fehlermeldungen JSON Veranstaltungsliste Floodsperre RSS Feed Wecker Key Codes SQLite Sprachumschaltung