首页 > Web开发 > 详细

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

时间:2017-09-19 14:34:06      阅读:220      评论:0      收藏:0      [点我收藏+]
<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如何制作放大效果的图片

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!