JS----图片显示出来后放大缩小
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function()
        {
            /*var divpostion = document.getElementById("bu1");
            divpostion.style.position="absolute";
            divpostion.style.top=700;
            divpostion.style.left=700;*/


        }
        function show()
        {
            var divdo = document.getElementById("a");
            divdo.innerHTML="<img src='xx.jpg' id='im'>"
            var dis =document.getElementById("im");
            dis.height=300;
            dis.width=300;
        }
        function big()
        {
                 var di =document.getElementById("im");


                di.height= di.height+100;
                  di.width=di.height+100;
        }
        function ss()
        {
            var di =document.getElementById("im");
            di.height= di.height-100;
            di.width=di.height-100;
        }
    </script>
</head>
<body>
  <div id="a">xxxx</div>
<form>
    <input type="button"onclick="show()">
    <input type="button" value="放大"onclick="big();" id="bu1" style="position: absolute;top: 600px;left: 500px" >
    <input type="button" value="缩小"onclick="ss();" id="bu2"style="position: absolute;top: 600px;left: 700px" >
    <input>
</form>
</body>
</html>
阅读更多
个人分类: DOM JS
想对作者说点什么? 我来说一句

ASP.net放大缩小图片

2011年03月07日 7KB 下载

放大缩小图片 VB源程序

2008年10月01日 1KB 下载

没有更多推荐了,返回首页

不良信息举报

JS----图片显示出来后放大缩小

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭