由于工作需要,要实现表格内容的排序,于是在网上找了很多代码,这种东西写的人确实太多,所以自己就不怎么想写了,但网上找的大部分要么兼容性不好,要么达不到我的要求,于是找了个较为简单的进行修改.
声明:由于我在找到的源码上做了很多修改,把无用的东西都删除掉了,所以现在不知道出处,抄袭之处,敬请原谅!
所以排序的原理就不做解释了,再一就是我也没认真看过,可以慢慢去了解原理,在大部分要用到的这种排序中,可能有些不必要的项(即列),可能不需要进行排序,所以我们要对想进行排序的项才实现排序功能,那么要写一个通用的,最简单的方法就是把要排序的列放到一组数据中传到方法里面去,方法体接收到参数后,把组成一个数组,然后循环判断让需要进行排序的列去执行排序方法,费话就说这些了,下面是给出的源代码,如有兴趣可以一起研究一下,看有没有不足之处:
效果如下:

姓名	班级	语文	数字	物理	化学	总分	平均分	总名次	班级名次
张三	1班	60	80	90	78	388	78	1	1
李四	2班	70	90	98	56	483	76	7	2
王五	3班	67	89	87	67	367	79	23	3
赵六	4班	76	87	76	89	424	85	26	4

上面的例子我只让1,2,3,4,5,7进行排序,所以传值的时候写成了

<script type="text/javascript">
var st1 = new SortableTable(document.getElementById("dTable"),'','1,2,3,4,5,7');
</script>


前面有一篇文章实现有类似的功能

巧用title属性做提示功能，兼容的js代码

这里是用的title属性实现的这样的功能,现在用另一种方式来达到同样的效果,只不过用的是层来实现

直接看下面的例子

直接看下面的效果,通用的网页基本上采用这个基本布局,不再为div+css实现网页布局而烦恼了!

[查看详情... ...]

又有好久没写东西了,一直忙工作的事,最近又被一件事吸引住,也困惑住,就是表格滚动问题

要求是表格内容如果过多的话,表格要滚动,但只是表体内容动,而表头不动,效果要和Excel的一样,然后我在网上找了一些,要么觉得太烦,要么就根本达不到目的,最后又只得自己来写,今天终于算写好了,但还有一些小小的bug,而这些小bug一时半会我又解决不了,痛苦,先将就把这个能在普通情况下用得上的效果展示出来看一下吧

[查看详情... ...]

也许这个东西没什么实用价值，但好耍是肯定的

看看下面的效果

其实在上面的代码中做点小手脚，你就可以看到不同的效果，也许你会用得着。

比如把
AD.style.left = x-ADW;
AD.style.top = y-ADH;
改成
AD.style.left = x;
AD.style.top = y;
或其它的，就可以用到其它地方了！

给大家一个都不陌生的导航样式，老版的QQ菜单样式，网上找了一些代码，但觉得很复杂，想用起来又不方便，于是自己动手写了一个简单的，除了没有写缓慢展开的效果外，其余的都应该差不多，相信很多地方都能用上。

功能如下：
1、初始状态下，所以菜单呈关闭状态，当点击某一个菜单时，就展开此菜单，展示里面的内容
2、当点击另外一个菜单时，前一个菜单关闭，展开新点击的菜单，展示里面的内容
3、浏览器窗口大小改变时，展开的菜单会对应于你的浏览器大小而拉伸或压缩
4、当浏览器窗口高度过小(即刷新浏览器出现上下滚动)时，报错提醒，（相信设置导航时会考虑到大体性，即不要把分类分得太多）

最后，用到的样式表都只是为了体现功能效果，没有细设，至于鼠标移动和其它样式，自己稍做修改就可达到你想要的效果

[查看实例]

闲来无事，把以前学习的js整理了一下

在学习的过程，总会发现一些看上去貌似没用的东西，但在实际的应用中有可能会逐一的体会到那些东西的有用之处和优点．＂层＂这个东西对于我们来说并不陌生，如今的网页设计中，层的应用越来越广泛，这正是因为层给我们能带来一种独特的方便的页面的整齐效果，这之中也有很多让我们头痛的，比如＂赖皮广告＂，但我们在意的或许不是这个东西，如果说一个网站的赖皮广告很多的话，我可能只看一次，不进第二次，我们在意的是层给我们带来的方便．

仅此给大家分享一个能带来方便的层应用：
windows的操作习惯应该说影响了绝大部分的网名，应用程序窗口的拖动可能每个人都接触过，把这个拖动效果应用到层上，就会在网页中就会带给我们同样的感觉．

[点击查看实例]

大家都知道，当在桌面上点击鼠标右键的时候，会有一个弹出菜单跟随在鼠标点击的位置，当鼠标在屏幕的底部点击的时候，弹出菜单就会弹到点击位置上面的相应位置，当鼠标屏幕的右部点击的时候，弹出菜单就会弹到点击位置左部的相应位置。

思路如下：
弹出层的位置与点击位置和弹出层的宽度高度
及body的宽度和高度有关。

具体判断如下：

如果hit_x + div_width > body_width 则弹出层的位置超出范围，则让弹出层显示在点击位置的左部，否则显示在右部；
如果hit_y + div_height> body_height则弹出层的位置超出范围，则让弹出层显示在点击位置的上部，否则显示在下部。

[……]

由于工作需要，做了一个通讯录的选人功能，不用action提交，只通过js传值来解决问题，暂时还不知道有没有bug,希望发现有bug的朋友给点提醒，同时收集更好的建议！

具体功能如下：

1、实现通讯录的分组添加，并不重复添加信息相同的人员（比如其中一员在两个组里面都有，只添加一次）；
2、对每一组人员可进行批量添加和批量删除，也可单个添加和单个删除；
3、对是否已添加进去的人员作了样式分辨，一目了然；

[......]

前面一篇文章实现了用其它方式代替滚动条的方法，能够更容易的美化页面，而那种方法有一个缺陷就是给人视觉上的反应不是很一目了然，每点击按钮触发一次事件后，就直接从一个位置滚动到另一个位置，看不到整个滚动过程

其实前面一篇文章对于正常的使用完全没有问题了，但为了让其更完美决定把此功能完善了一下

[......]