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

添加时间:15-05-25 所属分类:HTML网页,JS语言与代码
  http://wangbixi.com/x2972/

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

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

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

[code]<script type="text/javascript" src="jquery-1.3.2.min.js"></script><script type="text/javascript" src="jquery.960grid-1.0.min.js"></script>[/code]

提示:你可以先修改部分代码再运行。

二,Javascipt部分

[code]<script type="text/javascript">// <![CDATA[
$(function() {
$("body").addGrid(12, {img_path: 'images/'});
});
// ]]></script>[/code]

提示:你可以先修改部分代码再运行。

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 ... id-1.0.zip

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

前篇:分析Discuz论坛回复可见的处理流程和原理 后篇:济南市物价局监测羊肉价格大跌 市民:串价咋...
发表我的评论


推荐文章   第一罐液化气是从北京背来的 济南燃气五...   在深山当38年老师,用草棒当笔交学生,...   结婚50年,是什么感觉?济南历城区40对...   网友梦风的中年感悟   理工男把本硕博十年经历写成论文:够精...
随机文章   几种常见的JavaScript混淆和反混淆工具   css教程PDF格式书籍   HTML5定稿一周年 你必须要重新认识HTML...   JS 判断PC端跳转的代码   支付宝在线捐赠或即时转账实现
广告

其他推荐

因为本站所有内容均转载自其它媒体,本意为公众提供免费服务,但并不代表本网赞同其观点,也不能对其真实性验证负责,如稿件版权单位或个人不想在本网发布,请与我联系,本人会立即将其撤除,谢谢.联系方式:atseashawk@163.com QQ:99289555