<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>放大缩小</title>
</head>
<body>
<input type="button" value="点这" onclick="zoom()">
<div id="box" style="width: 200px;height: 200px;border:1px solid red;"></div>
</body>
<script type="text/javascript">
var box=document.getElementById('box');
var isZoomOut='yes';
function zoom(){
if (isZoomOut=='yes'){
box.style.width = '100px';
box.style.height='100px';
isZoomOut='no'
}else{
box.style.width='300px';
box.style.height = '300px';
isZoomOut='yes';
}
}
</script>
</html>
js 做放大缩小
最新推荐文章于 2021-12-08 12:04:33 发布