现在的位置: 首页 > 综合 > 正文

改变图片的大小

2018年06月09日 ⁄ 综合 ⁄ 共 581字 ⁄ 字号 评论关闭

<!DOCTYPE HTML>

<html>

<head>

<title>改变图片的大小</title>

<meta charset="utf-8"/>

<script>

var initWidth,initHeight;

function initPic(){

 initWidth = document.myPic.width;

 initHeight = document.myPic.height;

}

function changePic(num){

document.myPic.width = initWidth*num;

document.myPic.height = initHeight*num;

}

</script>

</head>

<body onload="initPic()">

<img src="images/1.jpg" name="myPic"/>

<form>

<input type="radio" value="0.8" onClick="changePic(this.value)">80%

<input type="radio" value="1"    onClick="changePic(this.value)">100%

<input type="radio" value="1.2" onClick="changePic(this.value)">120%

</form>

</body>

</html>

抱歉!评论已关闭.