WebWorkerWorld.de

Home

Tutorials
> Ajax
> CSS
> JavaScript
> PHP
> Sonstige

Quiz
> CSS
> HTML/XHTML
> JavaScript
> PHP

JavaScript
> Datum und Uhrzeit
> Dies und das
> Fenster
> Formulare
> Fun
> Spiele
> Texteffekte

Kontakt

Impressum

 
Tutorials > CSS >

Cursor verändern

von Tim Leister
Sonntag, 26.10.2008

Eine einfache CSS-Eigenschaft kann dazu genutzt werden, dass sich der Cursor beim Überfahren eines bestimmten Elements verändert.

Am einfachsten ist es, dem jeweiligen Element den anzuzeigenden Cursor folgendermaßen zuzuweisen:

<div style="cursor:default;">...</div>

Dabei haben Sie die Auswahl zwischen folgenden Cursor-Typen (zum Ausprobieren einfach mit der Maus über die jeweilige Box fahren):

cursor:default;

cursor:crosshair;

cursor:text;

cursor:pointer;

cursor:wait;

cursor:progress;

cursor:help;

cursor:move;

cursor:ne-resize;
 
Weitere Himmelsrichtungen sind möglich:
n-resize, nw-resize, w-resize, sw-resize,
s-resize, se-resize, e-resize

zurück zurück
nach oben nach oben nach oben
vorwärts vorwärts
XEAM.de
© 2002-2008