您的位置:首页 > 其它

在特定的屏幕宽度下,合理排版页面元素。根据width进行计算得出

2013-05-29 15:05 363 查看
<script>

var widths=[

{id:'f1',width:100},{id:'f2',width:90},{id:'f3',width:50},

{id:'f4',width:50},{id:'f5',width:120},{id:'f6',width:200},{id:'f7',width:30},

{id:'f8',width:50},{id:'f9',width:50}

];

var nwd=[];

var fwd=widths;

var clientW=200;

for(var i=0;i<widths.length;){

var wd = widths[i].width;

var clnm=widths[i].id+",";

for(var x=1;x<fwd.length;x++){

wd+=fwd[x].width;

if(wd>clientW){

nwd.push(fwd[x]);

wd=wd-fwd[x].width;

}else{

clnm +=fwd[x].id+",";

}

}

alert("ids:"+clnm+"-="+wd);

fwd=nwd;

widths=nwd;

nwd=[];

}

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐