Artikel ini menjelaskan metode menerapkan roda gulir mouse untuk mengontrol efek penskalaan gambar. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-bahasa" konten = "zh-cn" />
<meta http-equiv = "konten tipe" content = "text/html; charset = gb2312">
<Title> Memanggil gambar dengan gulungan roda mouse </iteme>
<bahasa skrip = "javascript">
fungsi bbimg (o) {
var zoom = parseInt (o.style.zoom, 10) || 100;
zoom+= event.wheeldelta/12;
if (zoom> 0) o.style.zoom = zoom+'%';
mengembalikan false;
}
</script>
</head>
<body>
<p> Letakkan mouse pada gambar, klik, lalu gulir roda mouse untuk mencobanya </p>
<p> <img src = "/gambar/m01.jpg" onmousewheel = "return bbimg (this)"> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.