(Stand: 03.05.24, Adresse: http://www.grammiweb.de/html/html040.shtml)
Event-Mauszeigerformen
Mitunter wäre es eine sinnvolle oder zumindest außergewöhnliche Idee, dem Mauszeiger eine vom Standard abweichende Form zu geben, zum Beispiel ein Pfeil mit Fragezeichen, wenn er über einen Hilfstext geführt wird, oder ein Fadenkreuz, wenn es darum geht, dass ein bestimmter Punkt möglichst genau getroffen werden soll.
Diesen Effekt können Sie durch CSS-Anlagen erreichen. Hierzu werden im HEAD-Bereich der Internetseite Klassen definiert, in denen einer festen Zuordnung, also in unserem Beispiel "A.cur01" und "A.cur02", Mauszeigerformen zugeordnet werden. Diese Klassen werden dann in Verbindung mit dem Linktag festgelegt und können somit für jeden Link einzeln variabel vorgegeben werden.
Leider wird dieses Feature nicht durch alle Browser unterstützt. Der Netscape Navigator erkennt zum Beispiel einige Parameter (bzw. alle bei älteren Versionen) gar nicht. Vollkommen fehlerfrei konnten wir diese Option bislang nur beim MS Internet Explorer anwenden
Beispiel:
| Parameter | Ausgabe |
| default | Normaler Mauszeiger |
| auto | Hand |
| pointer | Zeiger |
| text | Textzeiger |
| help | Fragezeichenzusatz |
| wait | Sanduhr |
| move | Kreuz mit Pfeilen |
| crosshair | Fadenkreuz |
| n-resize | Pfeil nach Norden |
| ne-resize | Pfeil nach Nord-Osten |
| e-resize | Pfeil nach Osten |
| se-resize | Pfeil nach Süd-Osten |
| s-resize | Pfeil nach Süden |
| sw-resize | Pfeil nach Süd-Westen |
| w-resize | Pfeil nach Westen |
| nw-resize | Pfeil nach Nord-Westen |
Quellcode:
IM HEAD-BEREICH
<STYLE type=TEXT/CSS>
A.cur01 {
CURSOR: crosshair
}
A.cur02 {
CURSOR: move
}
</STYLE>
IN VERBINDUNG MIT VERWEISEN
<A class=cur01 href="ZIEL">TEXT</A>
<A class=cur02 href="ZIEL">TEXT</A>
© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 03.05.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt