对于IE的透明滤镜，当文档高度大于32767px的时候就会抽风。而jQuery lightBox plugin 对于半透明背景的高度是这样定义的：
$(’#jquery-overlay’).css({
width: arrPageSizes[0],
height: arrPageSizes[1]
});
arrPageSizes[1] 是pageHeight的高度，当pageHeight大于32767px 的时候bug就出现了。
阅读全文>>
1、常规方法与静态方法的区别只在于prototype关键字的使用与否
2、静态方法只能在function外声明
$.extend扩展的是jquery的静态方法。因此不需要实例化对象{$()}就能使用。
$.fn.extend 扩展是原型protetype方法。需要类的实例调用
Exp:
<script type="text/javascript">
//创建一个类Employee作为基类
var Employee = function(name,dept){
this.name = name || "none";
this.dept = dept || "general";
}
Employee.prototype.toString = function(){ //toString是Employee类的常规方法
return this.name + "&" + this.dept;
}
Employee.show = function (ep){ //show是Employee类的静态方法
alert(ep.toString());
}
var ep = new Employee("fanrong","技术部");
Employee.show(ep); //只能由类调用,不能由实例对象调用.
//ep.show(ep); //这样回出错
</script>
button在ie6、ie7下会有个随着文字长度增减而改变的"内补丁"(暂且这么叫吧)。这个内补丁很特殊，不管你怎么写margin:0;padding:0;都去不掉，唯一的解决办法是overflow:visible。如果这时候再定义button的height、line-height就会发现在ie下bu...
阅读全文>>
公司有个需求要做视频播放器，做完了本机调试OK，发给技术就不能用了，忙活了半天猛地被提醒说会不会是跨域的问题，flash播放器和js不在统一子域下……ok，跨域是吧，谷歌一下，解决方法:
<param name="allowScriptAccess" value="always" />
allowScriptAccess=“always”
retry……搞定……
<a rel="sidebar" href="http://cosa.elianba.com" title="elianba.com">elianba.com</a>
关键是：rel="sidebar"，不用脚本，浏览器会自动识别
试一下IE6、Firefox2侧栏中打开页面：
<a target="_search" href="http://cosa.elianba.com" title="elianba.com">elianba.com</a>
试一下改变文字选中后的背景色（IE下无效）：
*::-moz-selection { background-color:#663399; color:#FFFFFF; }
先说百分比宽度的布局，id为container的div宽度自适应，里面分左右2个部分宽度<=50%(有1px的边框)。代码如下：
<div id="container">
<div class="fleft circle">
&...
阅读全文>>
吊牌，就是物品上面贴的标签。一开始我也以为这东东叫标签，经过老大的指点才知道他的名字叫吊牌。[break]
阅读全文>>
还是利用margin值可以为负来模拟实现的，margin的负值还可以实现固定大小的容器的绝对局中。代码：
阅读全文>>
FF下body为百分比时宽度、高度值始终是相对html的。不同的是：
以FF为标准：
Ie7对body宽度的计算与FF一样（此时html的宽度与body相同），body高度则是相当于当前浏览器窗口内容区域。
Ie6下html的宽度不可变，始终为当前浏览器窗口内容区域宽度、高度。
阅读全文>>
利用锚点实现选项卡的切换效果，选项卡照理说听该用visibility属性来实现，可是好像大家用的都是display，Why????：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>锚点 - 选项卡？</title>
<style type="text/css">
body {font:12px "宋体"}
div {height:230px;width:230px;background:#999;overflow:hidden;}
span {display:block;width:230px;height:230px;background:yellow;text-align:center;}
</style>
</head>
<body >
<div> <span id="test1">第1个</span> <span id="test2">第2个</span> <span id="test3">第3个</span> <span id="test4">第4个</span> </div>
<a href="#test1">第1个</a> <a href="#test2">第2个</a> <a href="#test3">第3个</a> <a href="#test4">第4个</a>
</body>
</html>