前台例子布局汇总

1. 选项卡

Ul>li3 Div3

2. 折叠菜单

H3 + ul>li

ul>li4>ul>li4

3. 水平导航菜单

ul>li4>ul>li4

4. 轮播图

div#imgs>img[src=pic$]4 ul#list>li4 ul#arrow>li*2

5. 无缝滚动

ul#imgs>li>img*5 复制imgs中的值 设置imgs的宽度 移动imgs

if(oImgs.offsetLeft <= -(oImgs.offsetWidth/2)){  //临界值
	oImgs.style.left = 0;
}
if(oImgs.offsetLeft > 0){  //不能大于等于0
	oImgs.style.left = -oImgs.offsetWidth/2 + 'px';
}

6. 瀑布流

3列：ul设固定宽，浮动。

7. 弹出层