js 做放大缩小

来源:互联网 发布:大数据分析预测 知乎 编辑:程序博客网 时间:2024/04/26 01:11
<!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>
0 0