jQuery图片缩放插件smartZoom使用方法分享

nbsp;html>


  <meta>
  <title>joannau</title>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    .imgCon {
      width: 800px;
      height: 500px;
      margin: 40px auto;
      border: 2px solid #000;
    }
    .imgp {
      width: 100%;
      height: 100%;
    }
    .imgCon img{
      width: 100%;
    }
  </style><p>
  </p><p>
    <img  alt="jQuery图片缩放插件smartZoom使用方法分享" >
  </p>

<script></script><script></script><script>
  $(function () {
    $(".imgCon img").smartZoom()
  })
</script>

<p>
    <img  alt="jQuery图片缩放插件smartZoom使用方法分享" >
  </p>

// 方法中可以通过设置top，left等参数来指定图片初始参数；
$(".imgCon img").smartZoom({
      'left': '50px'
    })
// 通过传入‘destroy‘来取消缩放；
 $(".imgCon img").smartZoom('destroy')