<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <mce:script src="jquery-1.3.2.js" mce_src="jquery-1.3.2.js"></mce:script> <mce:script type="text/javascript"><!-- $(function(){ }); // --></mce:script> <mce:script language="JavaScript"><!-- /*function SetImgSize(img) { var maxWidth = 300; var maxHeight = 300; var imgWidth = img.width; var imgHeight = img.height; if(imgWidth <= maxWidth && imgHeight <= maxHeight) { } else { if((maxWidth / maxHeight) > (imgWidth / imgHeight)) { img.style.height = maxHeight + "px"; img.style.width = imgWidth * (maxHeight / imgHeight) + "px"; } else { img.style.width = maxWidth +"px"; img.style.height = imgHeight * (maxWidth / imgWidth) +"px"; } } }*/ function SetImgSize(img) { var maxWidth = 300; var maxHeight = 300; var imgWidth = img.width; var imgHeight = img.height; if(imgWidth <= maxWidth && imgHeight <= maxHeight) { } else { if((maxWidth / maxHeight) > (imgWidth / imgHeight)) { img.style.height = maxHeight + "px"; img.style.width = imgWidth * (maxHeight / imgHeight) + "px"; } else{ img.style.width = maxWidth +"px"; img.style.height = imgHeight * (maxWidth / imgWidth) +"px"; } } } function large(){ var maxWidth = 300; var maxHeight = 300; var img = document.getElementById("img"); var imgWidth = img.width; alert(imgWidth) var imgHeight = img.height; if(imgWidth <= maxWidth && imgHeight <= maxHeight){ //等比例 if((maxWidth / maxHeight) > (imgWidth / imgHeight)){ alert("3") img.style.height = imgHeight*1.2 + "px"; img.style.width = imgWidth*1.2 + "px"; alert(imgHeight*2 + "px") }else{ img.style.height = imgHeight*1.2 + "px"; img.style.width = imgWidth*1.2 + "px"; } }else{ alert("太大了") return; } } // --></mce:script> </head> <body> <img src="3.jpg" mce_src="3.jpg" id="img" /> <br /> <input type="button" value="放大" id="large" οnclick="large()" /> <input type="button" value="缩小" id="small" οnclick="small()" /> </body> </html>