# 960gs tips-辅助设计师进行快速创建网页原型的辅助系统

> Query插件960.gs grid overlay实现Javascript辅助布局页面功能 960 Grid 是一个非常优秀的用于辅助设计师进行快速创建网页原型的辅助系统， jQuery插件960.gs grid overlay是基于960 Grid 的原理上使用javascript实现辅助网页布

Query插件960.gs grid overlay实现Javascript辅助布局页面功能  
960 Grid

是一个非常优秀的用于辅助设计师进行快速创建网页原型的辅助系统，  
jQuery插件960.gs grid overlay是基于960 Grid 的原理上使用javascript实现辅助网页布局和设计的工具  
使用非常简单

使用说明  
需要使用jQuery库文件和960grid库文件  
使用实例  
一，包含文件部分  
  
二，Javascipt部分  
  
// <!\[CDATA\[<br /> $(function() {<br /> $("body").addGrid(12, {img\_path: 'images/'});<br /> });<br /> // \]\]>  
  
addGrid()方法有两个参数，12表示格子数，img\_path表示辅助图目录。  
实例将产生一个960 Grid 的布局图，用于辅助网页设计和开发。  
注意有两张辅助图：12\_col.png和16\_col.png  
在线演示960.gs grid overlay  
http://960.gs/demo.html  
http://www.badlydrawntoy.com/static/960grid/  
下载960.gs grid overlay源码包  
http://jquerycodes.googlecode.com/files/jquery.960grid-1.0.zip

还有一个：http://twitter.github.com/bootstrap/#forms

---

**分类**：建站
**标签**：网页设计 · 网站建设
**作者**：子龙
**链接**：https://octohz.com/p/2978