分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

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

发布时间:2023-09-06 01:12责任编辑:郭大石关键词: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如何制作放大效果的图片

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved