So erzielen Sie einen Verfärbungseffekt beim Bewegen der Maus in Javascript

青灯夜游
Freigeben: 2022-01-18 18:15:43
Original
9888 Leute haben es durchsucht

So implementieren Sie die Verfärbung beim Bewegen der Maus in JavaScript: 1. Binden Sie das Element an das Ereignis „onmouseover“ und legen Sie die Ereignisverarbeitungsfunktion fest. 2. Verwenden Sie in der Ereignisverarbeitungsfunktion „element object.style.color attribute name="color value". „;“ Die Anweisung legt den Effekt der Änderung der Farbe des Elements fest, wenn das Hover-Ereignis ausgelöst wird.

So erzielen Sie einen Verfärbungseffekt beim Bewegen der Maus in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Idee: Ändern Sie die Farbe von Elementen der unteren Ebene und untergeordneten Elementen für Elemente der oberen Ebene und übergeordnete Elemente. Nur :hover und CSS-Selektoren genügen. Untergeordnete Elemente wirken auf übergeordnete Elemente mithilfe der Ereignisse onmouseover und onmouseout in JavaScript. Das Ereignis onmouseover tritt auf, wenn sich der Mauszeiger auf das angegebene Element bewegt. Das

  • onmouseout-Ereignis tritt auf, wenn sich der Mauszeiger aus dem angegebenen Objekt herausbewegt.

  • 1. HTML-Code

 
鼠标移动到 A div 时,我要变色

一号 div
二号 div
Nach dem Login kopieren
2. JavaScript-Code

Hinweis: Es wird empfohlen, ihn vor dem schließenden Tag des Körpers zu schreiben

Nach dem Login kopieren

3. CS S-Code

Nach dem Login kopieren
4. Rendering


So erzielen Sie einen Verfärbungseffekt beim Bewegen der Maus in Javascript

【Verwandte Empfehlungen:

Javascript-LerntutorialSo erzielen Sie einen Verfärbungseffekt beim Bewegen der Maus in Javascript

Das obige ist der detaillierte Inhalt vonSo erzielen Sie einen Verfärbungseffekt beim Bewegen der Maus in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!