Este artigo descreve o método de implementar a roda de rolagem do mouse para controlar o efeito de escala de imagem. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitória // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-language" content = "zh-cn" />
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<title> chamando a imagem com a rolagem da roda do mouse </title>
<Script Language = "JavaScript">
função bbimg (o) {
var zoom = parseint (o.style.zoom, 10) || 100;
zoom+= event.wheelDelta/12;
if (zoom> 0) o.style.zoom = zoom+'%';
retornar falso;
}
</script>
</head>
<Body>
<p> Coloque o mouse na imagem, clique nele e depois role a roda do mouse para experimentar </p>
<p> <img src = "/imagens/m01.jpg" onmousewheel = "return bbimg (this)"> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.