Cet article décrit la méthode d'implémentation de la roue de défilement de la souris pour contrôler l'effet de mise à l'échelle de l'image. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! 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">
<adal>
<meta http-equiv = "content-lang" content = "zh-cn" />
<meta http-equiv = "content-type" content = "text / html; charset = gb2312">
<Title> Appelant l'image avec la roue de souris Ralling </Title>
<script linguisse = "javascript">
fonction bbimg (o) {
var zoom = parseInt (o.style.zoom, 10) || 100;
zoom + = event.wheeldelta / 12;
if (zoom> 0) o.style.zoom = zoom + '%';
retourne false;
}
</cript>
</ head>
<body>
<p> Mettez la souris sur l'image, cliquez dessus, puis faites défiler la roue de la souris pour l'essayer </p>
<p> <img src = "/ images / m01.jpg" onMousewheel = "return bbimg (this)"> </p>
<p> </p>
<p> </p>
<p> </p>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.