网页输出利器--Heads-Up Grid自动网格

时间:2014-01-28所属栏目: 前端工具 来源: 热度:

HTML + CSS + JavaScript的内置在浏览器中的网站栅格系统。能为不同的浏览器窗口宽度优化创造各种形式的行为。您可以快速轻易地定义为许多不同的网格,只需要修改相应的js语句。前端工程输出的利器。

调入代码:

<link href="headsupgrid/hugrid.css" type="text/css" rel="stylesheet" />
<script src="headsupgrid/jquery-1.6.2.min.js"></script>
<script src="headsupgrid/hugrid.js"></script>
<script type="text/javascript">
$(document).ready(function() {
pageUnits = 'px';
colUnits = 'px';
pagewidth = 960;  //页面大小
columns = 6;      //有多少列
columnwidth = 140;  //列宽
gutterwidth = 24;
pagetopmargin = 35;
rowheight = 20;
makehugrid();
setgridonload();
});
</script>

网页输出利器--Heads-Up Grid自动网格

标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)