码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-09-19 15:33:00      阅读:186      评论:0      收藏:0      [点我收藏+]

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

<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” 博客,转载请与作者联系!

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

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

原文地址:http://kangjunfei.blog.51cto.com/11556647/1966597

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!