深山老林

2006-12-30[原]九宫格生成脚本 -- GNineBox v2.0

GNineBox v2.0终于发布啦，这个版本实现了表现跟内容分离，通过CSS的定义，即可改变九宫格的外框表现。谢谢在制作过程中给于帮助的和意见的各位朋友。特别鸣谢PJ的CSSDome。

/* =============== GNineBox v2.0 ==========
GNineBox("jgClass")
GNineBox("类名")

功能说明：
GNineBox是一个生成九宫格的程序。也可用于制作圆角。

版本更新历史：
v2.0：可通过CSS样式定义九宫格外框样式，实现表现跟内容分离。
（已知问题：不支持Opera）

版权信息：
本程序是自由程序，使用请保留本标注。

作者信息：
Ghost Zhang
Email:lovej1bz@gmail.com
QQ:22168741
ORG:www.WebReBuild.ORG www.CSSForest.ORG
Blog:http://forest.blogbus.com

使用说明：
只需要通过CSS样式定义要应该九宫格的class类的公共图片名称即可。
例：
定义样式：.gnb{background:url("gn.gif");}或
.GNB{background-image:url("gn.gif");}
只需要给出图片名称前面的公共名即可，如图片名分别为“gn_tl.gif”、
“gn_tm.gif”、“gn_tr.gif”，只要imgName定义为“gn”。
在页面最下面加入：<script type="text/javascript">GNineBox("GNB");</script>

GNineBox的样式的定义优先级如下：
标签级样式，如：<div class="gnb" style="background-image:url(gn.gif)">...</div>
文件级样式，如：<style type="text/css">.gnb{background-image:url(gn.gif)} </style>
外联样式，如：<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="screen" />

没有层级的关系，即.top .gnb{background-image:url(gn.gif)}与.gnb{background-image:url(gn.gif)}是相等的。
在文件级样式或外联样式中，最后的定义会被使用，即：
如果同时定义了.top .gnb{background-image:url(gn.gif)}和.gnb{background-image:url(gn2.gif)}
那么.gnb{background-image:url(gn2.gif)}会被应用。
==================================================*/


GNineBox 2.0Demo

下载GNineBox v2.0

2006-12-08[原]GNineBox v1.0发布

也许你使用过我之前写的《[原]用DIV做九宫格》中的方法制作九宫格，不知你有没觉得，当要做几个不同样式的九宫格时，样式文件得COPY几份，间隔之类的得重新设置，会比较麻烦。懒人有懒福啦，自己写了个九宫格的脚本，用来生成九宫格，这样就不用去动那个慢慢变大的样式表啦。

============================GNineBox v1.0============================
 GNineBox("JgId","JgWidth","JgHeight","JgImgPath","imgName","imgType")
 GNineBox("对象"，"宽度"，"高度"，"图片路径"，"图片名"，"图片类型")
 
 功能说明：
 GNineBox是一个生成九宫格的程序。也可用于制作圆角。目前是1.0版本。
 
 版权信息：
 本程序是自由程序，使用请保留本标注。
 
 作者信息：
 Ghost Zhang
 Email:lovej1bz@gmail.com
 QQ:22168741
 ORG:www.WebReBuild.ORG www.CSSForest.ORG
 Blog:http://forest.blogbus.com
 
 参数说明：
 JgWidth:可以定义1～6个数值，以“|”分隔。分别将应用于6个宽，即：上左、
     上右、下左、下右、中左、中右。
  一个值：应用于所有宽；
  二个值：应用于上左右、下左右，中间为默认值20px；
  三个值：应用于上左右、下左右、中左右；
  四个值：应用于上左、上右、下左、下右，中间为默认值20px；
  五个值：应用于上左、上右、下左、下右、中左右；
  六个值：应用于上左、上右、下左、下右、中左、中右。
 ----------------------
 JgHeight:可以定义1～2个数值，分别将应用于2个高，即：上、下。
  一个值：应用于上下；
  二个值：应用于上、下。
 ----------------------
 JgImgPath:设置图片路径。为空表示当前目录。
 ----------------------
 imgName:设置图片名称。为空表示于ID同名。
  只需要给出图片名称前面的公共名即可，如图片名分别为“gn_tl.gif”、
  “gn_tm.gif”、“gn_tr.gif”，只要imgName定义为“gn”。
 ----------------------
 imgType:设置图片类型。默认为“gif”。
 
 如：GNineBox("GNineBox","20px|23px|25px","25px","","box","gif")
 =====================================================================

GNineBox Demo

下载GNineBox v1.0

2006-12-04个人站点筹备中

当了这么久的网民，写了这么久的BLOG，却一直都没自己的个人站点，亏我还是做网站的呢，呵呵。

这次终于下定决心，买了域名空间，虽然现在工作很饱和，但还是很想自己搞个小站玩玩，在BUS里只能写写日志，很多东西都因为没有条件而玩不起来，还是有自己空间好点啊～哈哈。

不过才刚刚开始，真希望自己有足够的时间快点把它做完。(偷笑中……)