Heim > Web-Frontend > js-Tutorial > JS verwendet oumousemove und oumouseout, um die Javascript-Fähigkeiten für die Bildanzeige dynamisch zu ändern

JS verwendet oumousemove und oumouseout, um die Javascript-Fähigkeiten für die Bildanzeige dynamisch zu ändern

WBOY
Freigeben: 2016-05-16 16:06:40
Original
1584 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie JS oumousemove und oumouseout verwendet, um die Bildanzeige dynamisch zu ändern. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Wenn die Maus auf dem Bild platziert wird, wird das Bild automatisch größer und das Bild wird wiederhergestellt, wenn die Maus wegbewegt wird

<!DOCTYPE html>
<html>
<head>
<script>
function bigImg(x)
{
x.style.height="64px";
x.style.width="64px";
}
function normalImg(x)
{
x.style.height="32px";
x.style.width="32px";
}
</script>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)"
border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<p>The function bigImg() is triggered when the user moves
the mouse pointer over the image.</p>
<p>The function normalImg() is triggered when the mouse
pointer is moved out of the image.</p>
</body>
</html>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage