傻子-王跸西的blog-WangBiXi.com's Archivers

From admin on 2011-11-06 13:25:01

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

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

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


使用说明
需要使用jQuery库文件和960grid库文件
使用实例
一,包含文件部分

二,Javascipt部分

//

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

查看完整版本: 960gs tips-辅助设计师进行快速创建网页原型的辅助系统

Tags: 网站建设, 网页设计


©傻子-跸西的blog-WangBiXi.com