才子小窝

前段时间写了一篇“关于table如何通过XHTML验证那档子事”，最后贴出了一段才子自用的table样式的定义，有网友今天告诉我，他发现定义了table的margin之后，也就是定义了table的外边距之后，在Firefox下的渲染效果与其它各大主流浏览器都不同，caption这个标签元素是表格的说明，却被挤出了table之外，变成caption与table之间的边距是定义的margin的值了。
这就奇怪了，caption与thead，tbody，tfoot都是table下同等级的元素，为什么Firefox却把caption元素挤出了table家庭呢？真有点匪夷所思。
...

利用无序列表(ul,li)+css制作菜单的例子我们见得多了，相信大家也都很熟练了。
今天找到一个用定义列表(dl,dt,dd)+css制作的垂直菜单，还不错，有一定的参考价值，收藏一下。
代码如下：
...

div+css布局中多列等高的问题可能大家都碰到过，网上也有一系列的处理方法，有的用背景来处理，有的用内外边距相抵来处理，才子觉得都不是非常好用，不太方便。最近帮人改版一个网站，也碰到这个问题，于是就写了一个两列等高的javascript函数来处理。后来想想可能有三列，四列或更多的情况下怎么办呢？改一改函数就行了，当然可以，但显得不通用了，于是写了下面这个函数，理论上是无限列都可以处理，当然实际上不太可能，一个页面最多也不至于多过4，5个列吧。
看代码：
...

IE6真是个烂浏览器，CSS方面已经一堆bug了，连这么优秀的png图片也不兼容，无法透明，透明部分会显示成灰色，倒。
有人会选择换成gif格式，但gif格式虽然可以做到透明，但会有毛边，很不美观，不爽。
在网上找到了几个方法，觉得这个方法最简单，才子修改了一下函数，直接针对IE6有效，其它浏览器不会执行此函数。也就不需要用到IE独有的条件注释来判断了。
看原代码：
...

很多人都因为强制要求自己的页面通过XHTML的标准验证而放弃使用table(表格)，想尽一切办法用可以通过验证的标签来模拟表格，什么ul+li啦，什么dl+dt+dd啦，有的甚至用javascript的document.write输出表格，真够晕的。因为我们常用的table里面会包含一些xhtml标准验证不允许的属性，如cellspacing属性，加上这个属性就通不过验证，在CSS里好像又根本没有这个属性的样式，写不进CSS，不用吧，表格线又实在难看，呵呵。
一般我们写表格都是这样子写的：
...

近几天玩DOM比较多，越来越觉得DOM操作的方便，可以动态添加/删除节点，今天无聊，写了个动态加载javascript文件的函数，非常简单，并没有什么技术含量，但却非常实用，有需要的朋友拿去用吧，嘿嘿。

/****************************************
 * 函数：incJS
 * 参数：file --- 需要加载的js文件的地址
 * 范例：incJS('/javascript/aa.js')
 ****************************************/
function incJS (file) {
  var el = document.createElement('script');
  el.src = file;
  el.type = 'text/javascript';
  var head = document.getElementsByTagName('head')[0];
  head.appendChild(el);
}


......

head标签中的meta标签相信大家都不陌生了，特别是近几年SEO风行后，meta标签越来越被重视了。
但我们常用的meta标签大概就下面几个：

<!-- 指明本页面所采用的字符集编码 -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- 指明本页面所采用的文字语言类型 -->
<meta http-equiv="content-language" content="gb2312" />
<!-- 指明关键字，SEOer应该很重视这个 -->
<meta name="keywords" content="风流才子,才子小窝" />
<!-- 页面内容简介，SEOer同样很重视这个 -->
<meta name="description" content="" />

......

才子很多年前就写过一个层的模糊控制开关函数，用来模糊控制指定层的显示与否。
PS：所谓模糊控制是指，当一个层的显示与否未知的情况下，触发这个函数时，被指定的层，原本是显示的变为不显示，而原本不显示的变为显示，才子称其为模糊控制，汗，这种名称都被才子想得出来，晕一下。

原函数如下：

function viewnone(e){
  var obj = document.getElementById(e);
  obj.style.display=(obj.style.display=="none")?"":"none";
}

调用方法就指定一个ID号即可，如：
......

先来说eval的用法，内容比较简单，熟悉的可以跳过。
eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。
需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才会返回值，简单示例如下：
......

忘了在哪找到的，很久了，最近做一个东东需要用到弹出窗口，翻了出来。
觉得还不是非常满意，自己动手改了一改，感觉不错，分享出来。
代码用javascript封装，调用很简单，效果经过才子严格测试，支持IE5.5, IE6, IE7, FireFox2, FireFox3, Opera9。
不多说，直接给演示：
......