Bild drehen bei Mouse Over im Menu 
Author: JÖRG L.
Visited 2022,
Followers 1,
Shared 0
Hallo zusammen,
hab eine Idee und möchte eure Vorschläge. Ich habe zum Bsp. das Hauptmenu der Seite und möchte bei Mouse-Over zum Bsp. ein Icon einbauen, welches sich dann um 90 Grad dreht. Dabei soll sich aber das Menu nach unten öffnen. Hat jemand Ideen und Lösungsvorschläge für mich?
Hier mal eine Bspielseite wo ich sowas mit dem Menu gesehenn habe:
Danke!
Posted on the
Verwenden Sie das Hintergrundbild mit dem Pfeil nach unten /nach oben usw., sofern dies für alle Menupunkte gelten soll. Für Menuelement, Element bei Mauskontakt und Aktuelle Seite können Sie unterschiedliche Hintergrundbilder verwenden.
Am besten png mit transparenter Fläche in der Grösse des Menupunktes (Rahmen und Ränder berücksichtigen).
z. Bsp. 160x20 pixel mit transparentem Hintergrund:
JJ.
Da offenbar das bild im Editor hier umgewandelt wird nochmal als zip
JJ.
Für ein Menu das nur Teilweise die Pfeile haben soll, können Sie das Menu-Objekt auch mehrfach verwenden und Ebenen zur Unterscheidung der Menupunkte einsetzen. Mit etwas Fantasie sind die Möglichkeiten sehr gross.
JJ.
Author
Hallo, also ich meine das bei Mauskontakt auf den Button im Menu sich dann das Bild drehen soll. Wenn ich zum Bsp. ein Menu mit transparentem Button habe und ich dann mit der Maus auf den Text (Link) im Menu gehe soll sich neben oder unter dem Text das befindliche Bild drehen. Und wenn ich dann den Button verlasse soll es wieder in die Ausgangsform zurück gehen. Genaus so wie hier im Menu.
Ja das geschieht (Bildwechsel ohne Dreheffekt), wenn sie das Hintergrundbild beim Menuelement für die entsprechende Darstellung als Hintergrundbild einlegen, also z. Bsp. für Menuelement pfeil nach unten, für Menuelement bei Mauskontakt pfeil nach oben usw., wie auch imer gewünscht. Wenn sie den Dreheffekt möchten, könnten sie animierte Bilder verwenden und prüfen ob es überall korrekt dargestellt wird.
Dies ist ein Vorschlag zur Annäherung, die Möglichkeiten mit eigenem Code zu arbeiten, müssten Sie prüfen, wie dieser in html css usw. erstellt werden könnte.
JJ.
Das Pfeilbild von uns dient als Anregung und kann beliebig aufgebaut werden
Guten Tag Jörg,
zurzeit ist es nicht möglich, ohne externen Skript dieses Ergebnis zu haben. Ich empfehle Ihnen, einen Anregung-Beitrag zu erstellen, um diese Funktion vorzuschlagen.
Vielen Dank! Mit freundlichen Grüßen.
Es würde zwar gehen mit einer Icongrafik im Menü, aber den Code für das "drehen" ist individuell auf das Projekt abgestimmt.
LINK
Alternativ können Sie zwei GifAnim im Hintergrund der Schaltfläche verwenden, eine für den Status oben und eine für den ausgehenden Status:
> Beispiel
(IT) - In alternativa si potrebbero usare due GifAnim nello sfondo del pulsante, una per lo stato sopra, ed uno per lo stato in uscita:
> esempio
.
ciao
.