javascript小案例(一)----图片缩放

简单的图片缩放过程应该注意的问题:1.引入图片的时候,在<img/>标签里对于图片的长和宽的属性只需要设置一个即可,这样在缩放的时候长和宽才能够等比例缩放。

 

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <script type="text/javascript">
       
            function big() {
                var obj = document.getElementById(‘img‘);
                obj.width = obj.width + 10;
            }
            
            function small() {
                var obj = document.getElementById(‘img‘);
                obj.width = obj.width - 10;
            }
        </script>
    </head>
    <body>
        <img src="cat.jpg" width="400px" id="img"/><br/>
        <input type="button" value="big" onclick="big();"/><br/>
        <input type="button" value="small" onclick="small();"/>
    </body>
</html>

javascript小案例(一)----图片缩放,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。