Machen Sie ein Bild drehen je nach Menü Hover Mausposition - WordPress

Question

OK, also Dies kann parallele Fragen wie this one haben, aber ich habe noch nicht ganz, was ich angestrebt habe.

EDIT: Da diese Frage Negativität anzog, muss ich darauf hinweisen, dass ich um Anleitung ersuche, wie es gemacht wird. Ich habe gegoogelt und jQuery-Lösungen für ähnliche Szenarien gefunden - einschließlich des oben genannten Links. Ich bin nicht dumm, ich frage nur aufrichtig um Führung und Hilfe von der Tech-Community. Also, das sagte ... hier ist die Situation:

Ich möchte ein Png-Bild eines Pfeils drehen, um auf die Registerkarten des Menüs in einer Wordpress-Website zeigen - also, wenn Sie den Mauszeiger über das Menü, das Bild zeigt auch darauf, aber wenn Sie die Maus wegklicken, kehrt das Bild zur normalen Ausrichtung zurück.

Ich möchte nicht, dass die Maus immer vollständig der Maus folgt, nur wenn sich die Maus über einem Menüpunkt befindet.

Kann mir jemand den einfachsten Weg erklären, dies zu tun?

Answer 1

Ich glaube, dass dies mit einem "responsiven" Layout getan werden kann, d. H. Eines, das auf unterschiedlichen Bildschirmauflösungen/-größen funktioniert.

Die Position der Elemente auf dem Bildschirm bestimmt und wird hier erklärt werden kann: Retrieve the position (X,Y) of an HTML element

Da wir die Position und Größe der einzelnen Menüpunkte sind in der Lage zu bestimmen, wir zwei Seiten eines Dreiecks bestimmen können; vom Pfeil zum Menüpunkt. Dann können Sie mit dem Pythagoräischen Theorem die Länge der Hypotenuse berechnen. Dann können Sie mit den Eigenschaften Sinus, Cosinus und/oder Tangens die Winkel des Dreiecks berechnen und den Pfeil entsprechend drehen.

So würden Sie den Code schreiben. Ich kann es irgendwann in der Zukunft schreiben.