域名查詢
企業(yè)郵局
新技術(shù)應(yīng)用
讓圖片自適應(yīng)顯示大小
讓圖片自適應(yīng)顯示大小代碼如下：
JS部分放在head：
<script type="text/javascript">
function SetImg(obj,maxW,maxH){
var imgH=obj.height;
var imgW=obj.width;
if(obj.height>maxH)
{
obj.height=maxH;
obj.widht=(obj.width*(maxH/imgH));
imgH=maxH;
imgW=obj.width;
}
if(obj.width>maxW)
{
obj.width=maxW;
obj.height=(maxW/imgW)*imgH;
imgW=maxW;
imgH=obj.height;
}
obj.style.marginTop=(maxH-obj.height)/2;
obj.style.marginLeft=(maxW-obj.width)/2;
}
</script>
BODY部分：
<body>
<div style="height:168px;width:130px;background-color:fff;">
<img src="http://www.ruiqing1998.com/uploadfile/201208/20120809163926340.jpg" onload="SetImg(this,168,130);" />
</div>
標簽： 濟南網(wǎng)站建設(shè) 網(wǎng)站建設(shè) 濟南網(wǎng)站制作 網(wǎng)址： m.haoli824.com
- 打印本文
- 關(guān)閉本頁
- 建站服務(wù)熱線：0531-68808868 售后服務(wù)專線：0531-88961515
