朋友做的效果，特拿出來分享給大家：淘寶特效JS實現(xiàn)圖片等比例縮放，占滿DIV，短的顯示全，長的超出隱藏
效果圖如下：
代碼如下：
<style type="text/css">
.div { float: left; overflow: hidden; margin: 5px; width: 200px; height: 150px; background: #97CFF0; border: solid 1px #09F; text-align: center; }
.div img { border: 0; }
</style>
<div class="div"><a href="#" target="_blank"><img src="images/1.jpg" alt="" onload="chgdivimgwh(this,200,150)" /></a></div>
<script>
//自動縮放圖片尺寸，占滿整個DIV，短的顯示全，長的超出隱藏只顯示部分，不夠DIV寬高的則拉伸
//參數(shù)：圖片對象，圖片寬度，圖片高度
function chgdivimgwh(obj,width,height){
var image=new Image();
image.src=obj.src; //獲取圖像路徑
var width1=image.width; //獲取圖像寬度
var height1=image.height; //獲取圖像高度
var a1=height1/width1;
var a2=height/width;
if(a1>a2){
obj.width=width;
obj.height=height1*width/width1;
obj.style.marginTop='-' + Math.round((obj.height-height)/2)+ 'px';
}else{
obj.height=height;
obj.width=width1*height/height1;
obj.style.marginLeft='-' + Math.round((obj.width-width)/2)+ 'px';
}
}
</script>
