Este artículo describe el método para implementar la rueda de desplazamiento del mouse para controlar el efecto de escala de imagen. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-oquiv = "content-language" content = "zh-cn" />
<meta http-oquiv = "content-type" content = "text/html; charset = gb2312">
<title> Llamando a la imagen con el desplazamiento de la rueda del mouse </title>
<script language = "javaScript">
función bbimg (o) {
var zoom = parseint (o.style.zoom, 10) || 100;
zoom+= event.wheeldelta/12;
if (zoom> 0) o.style.zoom = zoom+'%';
devolver falso;
}
</script>
</ablo>
<Body>
<p> Coloque el mouse en la imagen, haga clic en él y luego desplácese la rueda del mouse para probarlo </p>
<p> <img src = "/images/m01.jpg" onmousewheel = "return bbimg (this)"> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.