Webtipp No.4
|
| Den Cursor ein anderes Aussehen geben, beim Überfahren einer bestimmten Stelle, ( Tabelle, Bild), mit CSS |
| Hier erfahren Sie kurz und bündig, wie beim Überfahren einer Tabellen oder Bildes sich der Cursor ändert. Die Styleanweisung kan in beliebige Tags eingebaut werden. Ich zeige hier nur einige Beispiele auf. Es gibt dazu noch unzählige Möglichkeiten. |
| |
|
Beispiel 1: Der Cursor wird zu einem Kreuz.
|
|
Der Code zu Beispiel 1:
|
| |
|
Beispiel 2: Der Cursor wird in seinem Urzustand angezeigt.
|
|
Der Code zu Beispiel 2:
|
| |
|
Beispiel 3: Der Cursor wird mit einem links-rechts Pfeil angezeigt.
|
|
Der Code zu Beispiel 3:
|
| |
|
Beispiel 4: Der Cursor wird mit einer Hand angezeigt.
|
|
Der Code zu Beispiel 4:
|
| |
|
Beispiel 5: Der Cursor wird mit einem Fragezeichen angezeigt.
|
|
Der Code zu Beispiel 5:
|
| |
|
Beispiel 6: Der Cursor zu einem Kreuz mit Pfeilen.
|
|
Der Code zu Beispiel 6:
|
| |
|
Beispiel 7: Der Cursor zu einem Auf-Ab-Pfeil.
|
|
Der Code zu Beispiel 7:
|
| |
|
Beispiel 8: Der Cursor zu einem Schräg-Pfeil.
|
|
Der Code zu Beispiel 8:
|
| |
|
Beispiel 9: Der Cursor zu einem Schräg-Pfeil,andere Richtung.
|
|
Der Code zu Beispiel 9:
|
| |
|
Beispiel 10: Der Cursor zu einem Textcursor.
|
|
Der Code zu Beispiel 10:
|
| |
|
Beispiel 11: Der Cursor zu einer Sanduhr.
|
|
Der Code zu Beispiel 11:
|
| |
|
Beispiel 12: Der Cursor zu einem Links-Rechts-Pfeil.
|
|
Der Code zu Beispiel 12:
|
| |
|
Beispiel 13: Der Cursor zu einem Links-Rechts-Oben-Unten Pfeil, für IE-Browser.
|
|
Der Code zu Beispiel 13:
|
| |
|
Beispiel 14: Der Cursor zu einem Links-Rechts-Pfeil, für IE-Browser.
|
|
Der Code zu Beispiel 14:
|
| |
|
Beispiel 15: Der Cursor zu einer Hand mit Warnzeichen, für IE-Browser.
|
|
Der Code zu Beispiel 15:
|
| |
|
Beispiel 16: Der Cursor zu einem Stopzeichen, für IE-Browser.
|
|
Der Code zu Beispiel 16:
|
| |
|
Beispiel 17: Der Cursor wird zu einer Hand bzw. Zeiger, je nach Browser..
|
|