异步跨域加载js

从jQuery中剥离出来的,不依赖JQuery。

var ET = function(){
  this.config = {
    url      : "",
    charset  : "utf-8",
    callback :function(){}
  }
}

阅读全文>>

IE8 inline-block无法撑开容器的bug

点击查看原图点击查看原图

触发bug的条件:A设置为inline-block,A、C之间存在容器 B,页面加载完后如果试图改变C的高度则会触发此bug,结果A在页面上的物理区域并没有增加,导致与下面的内容重叠。

阅读全文>>

表单的submit事件

firefox、chrome回车提交表单时如果表单内存在type="submit"的按钮则会触发此按钮的click事件来提交表单,否则直接提交表单。IE不考虑是否存在此标签,直接提交表单。

阅读全文>>

和谐的小三角裤

列表项前的项目符号,我们通常都是做成图片的,这样比较方便控制。不用图片可不可以呢?当且仅当列表图片为方形、三角形的时候还是有一定可行性的, 比如这样:

css:

ul {
    position:relative;
    margin:10px auto;
    padding:10px;
    width:230px;
    border:1px solid #DDD;
    font-size:12px;
    overflow:hidden;
}
li {
    position:relative;
    clear:both;
    float:left;
    width:220px;
    margin:0.75em 0;
    width:0;
    height:3px;
    border-left:3px double #333;
}
ul li:after {
    content:"";
    display:block;
    clear:both;
    height:0;
    zoom:1;
    visibility:hidden;
}
li a {
    position:absolute;
    top:-0.65em;
    margin-left:10px;
    white-space:nowrap;
}

阅读全文>>

HDWiki二次开发之自定义模板标签

最近在做HDWiki的二次开发,官方提供的模板标签貌似满足不了需求。只好自己动手了。

增加自定义模板标签,需要修改的文件是 model/tag.class.php这个文件。打开这个文件,你会发现手册上的模板标签都能在这里找到相对应的方法。那么我们可以猜想,如果要增加自 定义模板标签的话,应该只需要在这里增加一个方法就行了。当然,也可以扩展原来的方法。

阅读全文>>

不轻易使用position方式设置水平居中

position:absoute;left:50%;margin:0 0 0 -*px;这种方式设置水平居中的ie7下可能会有bug,如图:

点击在新窗口中浏览此图片

阅读全文>>

细节,虚线框算不算?

看图说话:
点击在新窗口中浏览此图片[break]

你觉得图上的虚线框碍眼吗?好吧,也许你会说这个框只是“瞬间”出现而已,有必要折腾吗?作为一个搞艺术的,我想说:一点点的遗憾是残缺美,整页的遗憾就是残疾了。

这里我们仅讨论ie6&&ie7下bt的虚线框。虚线框的高度跟字体、加粗与否无关。正常的虚框高度 = 字号+2(边框)。经测试,默认情况下,18px以下字号虚线框的高...

阅读全文>>

内裤是可以外穿的

    不穿内裤的不是超人;
    天天把内裤穿外面的不是超人;
    把内裤穿外面却飞不起来的也不是超人;
    内裤外穿有三要素:人物、地点、事件。跟小说很像吧,其实这本来就是一个传说 。

阅读全文>>

jQuery lightBox plugin 在IE下的一个bug

对于IE的透明滤镜,当文档高度大于32767px的时候就会抽风。而jQuery lightBox plugin 对于半透明背景的高度是这样定义的:
$(’#jquery-overlay’).css({
    width:        arrPageSizes[0],
    height:        arrPageSizes[1]
    });

arrPageSizes[1] 是pageHeight的高度,当pageHeight大于32767px 的时候bug就出现了。

阅读全文>>

javascript静态方法

1、常规方法与静态方法的区别只在于prototype关键字的使用与否
2、静态方法只能在function外声明
$.extend扩展的是jquery的静态方法。因此不需要实例化对象{$()}就能使用。
$.fn.extend 扩展是原型protetype方法。需要类的实例调用
Exp:
<script type="text/javascript">
    //创建一个类Employee作为基类
    var Employee = function(name,dept){
        this.name = name &#124;&#124; "none";
        this.dept = dept &#124;&#124; "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>
1 2 3 4
分类
链接
存档

Powered by emlog turf