:hover --> PFeil
shevegen
- css
0 WebFix0 WebFix0 WebFix0 dbenzhuser
Hi,
ich will ein kleines Pfeil Image anzeigen wenn jemand über einen
link "hovert". Wie mache ich das am besten?
Du meinst Pfeil-Image als Cursor?
Dann geht das über die CSS-Eigenschaft cursor.
Da sind diverse Pfeile vordefiniert...
link:http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm
Um ein eigenes Image als Cursor enzeigen zu lassen, mußt Du schon tiefer in die Trickkiste greifen. (Ein absolut positioniertes Image das bei jedem MouseMove auf die aktuelle Cursorposition gesetzt wird)
Aber ich denke Dir reicht die erste Möglichkeit aus?!
Gruß
WebFix
Noch ein Nachtrag: Unter IE kann mittels der CSS-Eigenschaft Cursor auch ein eigener Cursor eingebunden werden.
z.B. cursor:url(cursor.ani)
Daß dies keine saubere crossbrowserfähige Methode ist liegt auf der Hand...
Ich schreibe zu schnell...
Das Einbinden von eigenen Cursorn mittels CSS-Eigenschaft "cursor"
funktioniert auch im Netscape usw.
Jedoch sind dort dann nur GIFs und JPEGs als Images erlaubt, was ja
aber kein Problem darstellt.
Also nochmal den zuvor geposteten Link verfolgen, dort steht alles beschrieben.
Sorry für das Wirr-Posting :-)
N'Obend
ich will ein kleines Pfeil Image anzeigen wenn jemand über einen
link "hovert". Wie mache ich das am besten?
Solltest du nicht den Cursor meinen (auf die Idee wär ich gar nicht gekommen) lässt sich das am einfachsten mit einem Hintergrundbild in Verbindung mit Padding (Innenabstand) erledigen.
Weise dem Link ein padding-left zu (so viel wie halt der Pfeil an Platz braucht) und blende über :hover den Pfeil als Hintergrundbild ein bzw. aus.
Siehe auch:
http://de.selfhtml.org/css/eigenschaften/innenabstand.htm#padding_left
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
Tschö,
dbenzhuser