Mit jQuery können Sie Bilder mit der Mausradbedienung vergrößern und verkleinern-js-Tutorial-php.cn

Mit jQuery können Sie Bilder mit der Mausradbedienung vergrößern und verkleinern

php中世界最好的语言

Freigeben： 2018-04-19 15:20:38

Original

2425 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen jQueryzur MausradbedienungBildZoomen, jQuery zur Mausradbedienung zum Zoomen des BildesNotizenJa Welche, Im Folgenden finden Sie praktische Fälle. Werfen wir einen Blick darauf.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标滚轮控制图片缩放</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function() {
 function zoomImg(o) {
  var zoom = parseInt(o.style.zoom, 10) || 100;
  zoom += event.wheelDelta / 2; //可适合修改
  if (zoom > 0) o.style.zoom = zoom + '%';
 }
 $(document).ready(function() {
  $("img").bind("mousewheel",
  function() {
   zoomImg(this);
   return false;
  });
 });
})
</script>
</head>
<body>
<center>
<img src="1.jpg"/>
</center>
</body>
</html>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Das obige ist der detaillierte Inhalt vonMit jQuery können Sie Bilder mit der Mausradbedienung vergrößern und verkleinern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!