js如何制作放大效果的图片

Posted 2020-10-07

<th><i class=""></i>车系展示图：</th>
<td>
   <i><img id = "img" src="图片.jpg"  style="width:150px;height:110px" onclick="fun()"><br></i>
   <p>点击可放大图片</p>
</td>

这是javascript部分

<script type="text/javascript">
   function fun(){
      var submitSpan = document.getElementById("img");
      submitSpan.style.width = ‘600px‘;
      submitSpan.style.height = ‘400px‘;
      submitSpan.onclick = function () {
         fun1();
      }
   }
   function fun1(){
      var submitSpan = document.getElementById("img");
      submitSpan.style.width = ‘150px‘;
      submitSpan.style.height = ‘100px‘;
      submitSpan.onclick = function () {
         fun();
      }
   }
  </script>

本文出自 “kangjunfei” 博客，转载请与作者联系！