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