js图片缩放

最新推荐文章于 2024-11-04 16:49:48 发布

放学后的泡泡

最新推荐文章于 2024-11-04 16:49:48 发布

阅读量569

点赞数

感谢：https://zhidao.baidu.com/question/499471536.html

记录下关键代码：

<html>
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>js图片缩放</title> 

</head>
<body>
<img id="img" onmouseover="bigger()" onmouseout="smaller()" src="../../themes/icons/large_chart.png" style="cursor:pointer;width:100px;height:100px;" />
<script type="text/javascript">
 var img = document.getElementById('img');
 function bigger(){
  img.style.width = '400px';
  img.style.height = '400px';
 }
 
 function smaller(){
  img.style.width = '100px';
  img.style.height = '100px';
 }

</script>

</body>
</html>