图片超过边框大小时截取图片中间部分
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function Zoom(obj,width, height)
{ var img=new Image();
img.src=obj.src;
var scale=Math.max(width/img.width, height/img.height);
var newWidth=img.width*scale;
var newHeight=img.height*scale;
var div=obj.parentNode;
obj.width=newWidth;
obj.height=newHeight;
div.style.width=width+"px";
div.style.height=height+"px";
div.style.overflow="hidden";
obj.style.marginLeft=(width-newWidth)/2+"px";
obj.style.marginTop=(height-newHeight)/2+"px";}
</script>
</head>
<body>
<div>
<img src="http://hiphotos.baidu.com/zhchlgl/pic/item/0de955c25e1aec2d0ef477dc.jpg" οnlοad="Zoom(this, 144, 125)" border="0" />
</div>
</br>
</br>
<img src="http://hiphotos.baidu.com/zhchlgl/pic/item/0de955c25e1aec2d0ef477dc.jpg" border="0" />
</body> </html>
503
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
