suchen

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
WBOYOriginal
2016-05-16 16:06:401588Durchsuche

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>

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

Stellungnahme：
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
Vorheriger Artikel：JS-Methode zum Erlangen von Bild-Lowsrc-Attribut_Javascript-KenntnissenNächster Artikel：JS-Methode zum Erlangen von Bild-Lowsrc-Attribut_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen