响应式图片布局(坑爹版)

/ 0评 / 0

[code lang="js"]
window.onload = function() {
function fnAutoLayout() {
var nImgLen = Math.floor(window.innerWidth / 100) - 1;
var nPaddingValue = (window.innerWidth - 100 * nImgLen) / (nImgLen - 1);
var li = document.getElementsByTagName('li');
for(var i = 0, len = li.length; i < len; i++){
li[i].style.paddingRight = nPaddingValue + 'px';
}
};
fnAutoLayout();
window.addEventListener('resize', fnAutoLayout);
}
[/code]

DEMO

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注