這邊我想制作一個圖片隨著瀏覽器窗口的改變而等比例縮小或增大的效果?,F(xiàn)在等比例縮小已經(jīng)做到了。但是該怎么判斷瀏覽器窗口正在增加呢?部分代碼如下var oldWidth = oWrap.offsetWidth;var newWidth = 0;var percentage =0;var percentageHeight = (bigImg[0].offsetWidth/bigImg[0].offsetHeight).toFixed(2);//這里是圖片原始的比例window.onresize = function(){ newWidth = oWrap.offsetWidth; if(oldWidth>newWidth){ percentage = ((oldWidth-newWidth)/oldWidth).toFixed(2); }else{ percentage = 1;//這里的判斷是不對的,應(yīng)該是1+增加的比例 } for (var i=0;i<bigImg.length;i++) { var newimgWidth = bigImg[i].offsetWidth * (1-percentage); bigImg[i].style.width = newimgWidth +'px'; bigImg[i].style.height = newimgWidth/percentageHeight +'px'; }}代碼有些亂,大家見諒,謝謝!
如果判斷瀏覽器可視區(qū)在增加。
紅糖糍粑
2019-03-14 13:15:43