DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 等比圖片放縮水平/垂直居中原生javascript特效
等比圖片放縮水平/垂直居中原生javascript特效
編輯:JavaScript綜合知識     

 閒著,用原生javascript寫了個 一個固定寬高的div框內,等比圖片放縮 

外加水平/垂直居中javascript特效,希望對各位童鞋有用,或者有什麼該完善的。0.0

 <script type="text/javascript">

function showImgH_W2(tr,qW,qH){

var sdgH,sdgW,j2;

    sdgW=tr.width;

    sdgH=tr.height;

    if(sdgW>sdgH){

        tr.style.width=qW+"px";

 

        //var rr=qH;

        j2=(qH-(qW/sdgW)*sdgH)/2;

            if(j2>0)

            tr.style.paddingTop=j2+"px";

    }

    else{

        tr.style.height=qH+"px";

        //var rr=200;

        j2=(qW-(qH/sdgH)*sdgW)/2;

            if(j2>0)

            tr.style.paddingLeft=j2+"px";

    }

 

}

//window.onload=showImgH_W;

</script>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved