html5瀑布流布局代码,Metro风混搭瀑布流(12498)

2014-04-08 10:48 2206

Metro风混搭瀑布流,基于HTML5和CSS3技术,所以测试时候不能使用IE系统浏览器,可以使用火狐、Safari和360极速浏览器等。瀑布流布局现在很火,一种时尚潮流的布局方式,相信寻求瀑布流布局方法的前端设计者,一定懂得瀑布流的,所以这里就不多说了。

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Metro风兼搭瀑布流</title>
<style>
body{background:#000;}
.myMetro{position:relative;overflow:hidden;zoom:1;margin:0 auto;}
.MBox{float:left;}
.widgetBox{position:relative;overflow:hidden;width:180px;height:160px;}
.innerBox a{display:block;width:100%;height:100%;outline:none;text-decoration: none;}
</style>
<script>
/* 格子排序 */
var metro = {};
metro.init=function(wrap){
metro.gen={w:190,h:170};
metro.wrap = wrap;
metro.sizeArray= []; //格子,[1,2]就表示1X2的大格子
余下全文 1/9 下一页
分享: 腾讯微博 新浪微博 QQ空间
震惊(265) 不解(170) 杯具(179) 超赞(197)
跟帖 2206 文明用语,文明上网
附件

添加到收藏夹精彩评论

全部跟帖

活跃推荐

首页->入门编程->Html5教程