上善若水，水善利万物而不争!

这篇文章也可以叫做“获取滚动条滚动的高度(scrollTop)，兼容IE、FF”

网页中获取滚动条卷去部分的高度，可以通过 document.body.scrollTop 来获取，比如使div跟着滚动条滚动：

<div  id="div"  style="width:100px;height:100px;background:#ccc;position:absolute;"></div>

window.onscroll  =  function  ()

{

        var  div  =  document.getElementById("div");

        div.style.top  =  document.body.scrollTop  +  "px";

}

查看更多...

一般情况下在做表格对角线时，都是用图片作背景来实现，还有就是用vml来画对角线。

这里和大家分享另一种方法，用div+css来模拟表格中的对角斜线。

各位客官可以先不往下看，试着想想如何用div+css来实现这种对角线？等不及的朋友，就继续往下看吧^_^...

查看更多...

从项目中剥离不出的一个文字一行一行向上滚动的JS效果，加上了一些备注，方便日后复用。 猛击查看效果

简单的描述下这个效果运行的过程：

比如有5行替换滚动的文字，每行高度20px，那么div的高度就为20px，这样初使就只显示一行文字。

1、div整体向上移动20px；

2、将div里的第一个子元素移动到最后一行；(通过jQuery来实现非常简单)

3、重复以上步骤；

查看更多...

在使用setTimeout给方法传递参数时，非常麻烦，如果要传递多个参数，那就更麻烦了，为了提高工作效率，也使代码看起来更优美，就封装了下window.setTimeout。

//自定义的setTimeout方法

function  master_setTimeout(callback,timeout,param)

{

        var  args  =  Array.prototype.slice.call(arguments,2);

        var  _cb  =  function()

        {

                callback.apply(null,args);

        }  

        window.setTimeout(_cb,timeout);

}

查看更多...

经常上tudou网，发现tudou首页加载图片的功能很有意思，tudou首页从"娱乐"这个板块往下的所有视频的缩略图并不是在页面打开后就加载的，而是当用户拖动滚动条到了"娱乐" 这个板块，才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容，则免去了下面所有图片的请求，这对减少服务器的压力还是很有帮助的。


其实tudou的实现原理很简单：

1.先把所有需要延迟加载的图片的src都设置成同1个小图片的连接(sprite.gif)，把真真图片的连接地址放到图片的alt属性中，看下tudou的代码：

<a class="inner" target="new" title="史上最重街舞选手和最柔软街舞选手" href="http://www.tudou.com/programs/view/Utmt1_6Z-lU/">
<img width="120" height="90" class="pack_clipImg lazyImg" alt="http://i01.img.tudou.com/data/imgs/i/051/720/095/p.jpg" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DAA"/>

查看更多...

hidefocus即隐藏聚焦，是HTML标签的一个属性，具有使对象聚焦失效的功能，其功能相当于：
onfocus="this.blur()"

如果一个A标签，没有加hidefocus属性,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hidefocus则不会有虚线框。

在IE下，需要在标签 a 的结构中加入 hidefocus="hidefocus" 属性。即：
<a href="http://www.87cool.com" hidefocus="hidefocus">水寒冰居</a>

而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：
a { outline:none; }

查看更多...

这几个事件和样式比较有用，记录一下：

//只能输入数字和小数点
onkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"


//只可粘贴数字到文本框
onpaste="return !clipboardData.getData('text').match(/[^\d]/)"

查看更多...

不小心范了一个低级错误，这个问题也是很多初学者容易忽略滴，它就是js中的整数转换函数parseInt(string, radix)。

使用parseInt转换"01" - "07"时，返回的结果和预期的一样，相应得到1 - 7，如果是parseInt("08")、parseInt("09")...，那么得到的数值将不是8、9...，大家可以试试。

不清楚parseInt使用方法的兄弟就会觉得很奇怪：为什么反回的值这么怪异?

其实不是parseInt怪异，而是我们在使用过程忽略了它的第二个参数。

查看更多...

要在OA里做个便签模块，我想把它做成类似于许愿墙的效果，每条记录放在单独的层里，通过js让每个div可拖动

查看更多...

css果然强大，不需要用图片，也可以实现圆角效果

查看更多...

< &lt;

> &gt;

& &amp;

" &quot;

' &apos;

以上是XML中的转义符，如果直接在XML中使用这些字符，会报错

以上转义符在HTML中也可用，HTML中还有&nbsp; &copy;等等

查看更多...

说明：自定义链接提示，鼠标放到相应的地方，在鼠标旁显示相应的自定义提示框

查看更多...

前几天把jQuery 升级到了1.4的版本，以前版本的函数使用方法都没变，而且速度确实优化了很多，赞一个先。。。

今天在使用json的时候却遇到了一个问题

我的json数据如下

[ {name:'simon',gender:'男'},{name:'jack',gender:'男'} ]

使用 $.getJSON 获得数据，得到的确是字符，不是对象，然后我换用 $.ajax，将数据类型设为JSON，返回的还是字符，反复检查，没什么问题，以前也是这样写的，用的挺好的，难道jQuery1.4的方法有所改变？找了一下相关资料，果然改变了

查看更多...

需要在table中直接修改数据，于是写了一个还算比较好用的demo，双击要修改的td，转换为编辑状态。这是一个静态的效果，在这基础上加程序也很方便。

查看更多...

JavaScript中变量的作用域非常奇特，如果不仔细研究，一定会被它搞晕

用几个简单的例字说明一下：

查看更多...