cari

Rumah >hujung hadapan web >tutorial js >JS menggunakan oumousemove dan oumouseout untuk menukar kemahiran display_javascript imej secara dinamik

JS menggunakan oumousemove dan oumouseout untuk menukar kemahiran display_javascript imej secara dinamik

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2016-05-16 16:06:401607semak imbas

Contoh dalam artikel ini menerangkan cara JS menggunakan oumousemove dan oumouseout untuk menukar paparan imej secara dinamik. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Apabila tetikus diletakkan pada gambar, gambar akan menjadi lebih besar secara automatik, dan gambar akan dipulihkan apabila tetikus dialihkan

<!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>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Kaedah JS untuk mendapatkan kemahiran attribute_javascript image lowsrcArtikel seterusnya：Kaedah JS untuk mendapatkan kemahiran attribute_javascript image lowsrc

Artikel berkaitan

Lihat lagi