用Javascript进行简单的Table点击排序.

闲着没事,随便写了个简单的Table排序的js,大家有兴趣的看看,有需要的就拿去吧.废话不说了,大家看代码吧,最下面是效果,着急的就直接往下拉好了.新发现一个bug:10比2小,原因是sort默认是按ascii排序的,已修复该问题.
旧版DEMO下载
最新DEMO下载 [修复了一些已知的问题,结合网友的回复优化了一些代码,用法跟原来要样]
html代码[可以不看,跟html没什么关系.]:

<!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>
<title>K2046.TableSorter</title>
<style type="text/css">
body{font-size:12px;line-height:25px;}
tr{height:25px;}
th{font-size:14px;border-bottom:solid 1px #DDDDDD;background-color:#EEEEEE;}
td{font-size:12px;text-align:center;}
.SortDescCss{background-image:url(http://k2046.cn/tb/Desc.gif);background-repeat:no-repeat;background-position:right center;}
.SortAscCss{background-image:url(http://k2046.cn/tb/Asc.gif);background-repeat:no-repeat;background-position:right center;}
</style>
<script language="javascript" type="text/javascript" src="http://www.cnblogs.com/Files/robot/TableSorter.js"></script>
</head>
<body>
代码:new TableSorter("tb1");<br />
效果:点击任意表头可执行排序.<br />
<table border="0" style="border:solid 1px #DDDDDD;width:360px;" cellpadding="0" cellspacing="0" id="tb1">
<tr>
<th>序号</th>
<th>姓名</th>
<th>工号</th>
<th>职位</th>
<th>性别</th>
<th>业绩</th>
<th>报到时间</th>
</tr>
<tr>
<td>1</td>
<td>刘德华</td>
<td>8008</td>
<td>总裁</td>
<td>男</td>
<td>98</td>
<td>2008-04-12</td>
</tr>
<tr>
<td>2</td>
<td>吴奇隆</td>
<td>8004</td>
<td>主管</td>
<td>男</td>
<td>80</td>
<td>2008-04-16</td>
</tr>
<tr>
<td>3</td>
<td>王光良</td>
<td>8003</td>
<td>经理</td>
<td>男</td>
<td>85</td>
<td>2008-04-15</td>
</tr>
<tr>
<td>4</td>
<td>张学友</td>
<td>8009</td>
<td>副总裁</td>
<td>男</td>
<td>90</td>
<td>2008-04-11</td>
</tr>
<tr>
<td>5</td>
<td>张柏芝</td>
<td>8005</td>
<td>助理</td>
<td>女</td>
<td>78</td>
<td>2008-04-13</td>
</tr>
<tr>
<td>6</td>
<td>陈冠希</td>
<td>8001</td>
<td>总监</td>
<td>男</td>
<td>60</td>
<td>2008-04-18</td>
</tr>
<tr>
<td>7</td>
<td>陈慧琳</td>
<td>8002</td>
<td>试用期</td>
<td>女</td>
<td>85</td>
<td>2008-04-18</td>
</tr>
<tr>
<td>8</td>
<td>张曼玉</td>
<td>8007</td>
<td>高级经理</td>
<td>女</td>
<td>82</td>
<td>2008-04-16</td>
</tr>
<tr>
<td>9</td>
<td>周润发</td>
<td>8006</td>
<td>副总裁</td>
<td>男</td>
<td>88</td>
<td>2008-04-13</td>
</tr>
</table>
<br />
代码:new TableSorter("tb2", 0, 2, 5, 6);<br />
效果:点击表头0,2,5,6列可执行排序.<br />
<table border="0" style="border:solid 1px #DDDDDD;width:360px;" cellpadding="0" cellspacing="0" id="tb2">
<tr>
<th>序号</th>
<th>姓名</th>
<th>工号</th>
<th>职位</th>
<th>性别</th>
<th>业绩</th>
<th>报到时间</th>
</tr>
<tr>
<td>1</td>
<td>刘德华</td>
<td>8008</td>
<td>总裁</td>
<td>男</td>
<td>98</td>
<td>2008-04-12</td>
</tr>
<tr>
<td>2</td>
<td>吴奇隆</td>
<td>8004</td>
<td>主管</td>
<td>男</td>
<td>80</td>
<td>2008-04-16</td>
</tr>
<tr>
<td>3</td>
<td>王光良</td>
<td>8003</td>
<td>经理</td>
<td>男</td>
<td>85</td>
<td>2008-04-15</td>
</tr>
<tr>
<td>4</td>
<td>张学友</td>
<td>8009</td>
<td>副总裁</td>
<td>男</td>
<td>90</td>
<td>2008-04-11</td>
</tr>
<tr>
<td>5</td>
<td>张柏芝</td>
<td>8005</td>
<td>助理</td>
<td>女</td>
<td>78</td>
<td>2008-04-13</td>
</tr>
<tr>
<td>6</td>
<td>陈冠希</td>
<td>8001</td>
<td>总监</td>
<td>男</td>
<td>60</td>
<td>2008-04-18</td>
</tr>
<tr>
<td>7</td>
<td>陈慧琳</td>
<td>8002</td>
<td>试用期</td>
<td>女</td>
<td>85</td>
<td>2008-04-18</td>
</tr>
<tr>
<td>8</td>
<td>张曼玉</td>
<td>8007</td>
<td>高级经理</td>
<td>女</td>
<td>82</td>
<td>2008-04-16</td>
</tr>
<tr>
<td>9</td>
<td>周润发</td>
<td>8006</td>
<td>副总裁</td>
<td>男</td>
<td>88</td>
<td>2008-04-13</td>
</tr>
</table>
<br /><br />
代码:new TableSorter("tb3").OnSorted = function(c, t)<br />
{<br />
alert("table is sorted by " + c.innerHTML + " " + (t ? "Asc" : "Desc"));<br />
}<br />
效果:点击任意表头可执行排序并返回提示.<br />
<table border="0" style="border:solid 1px #DDDDDD;width:360px;" cellpadding="0" cellspacing="0" id="tb3">
<tr>
<th>序号</th>
<th>姓名</th>
<th>工号</th>
<th>职位</th>
<th>性别</th>
<th>业绩</th>
<th>报到时间</th>
</tr>
<tr>
<td>1</td>
<td>刘德华</td>
<td>8008</td>
<td>总裁</td>
<td>男</td>
<td>98</td>
<td>2008-04-12</td>
</tr>
<tr>
<td>2</td>
<td>吴奇隆</td>
<td>8004</td>
<td>主管</td>
<td>男</td>
<td>80</td>
<td>2008-04-16</td>
</tr>
<tr>
<td>3</td>
<td>王光良</td>
<td>8003</td>
<td>经理</td>
<td>男</td>
<td>85</td>
<td>2008-04-15</td>
</tr>
<tr>
<td>4</td>
<td>张学友</td>
<td>8009</td>
<td>副总裁</td>
<td>男</td>
<td>90</td>
<td>2008-04-11</td>
</tr>
<tr>
<td>5</td>
<td>张柏芝</td>
<td>8005</td>
<td>助理</td>
<td>女</td>
<td>78</td>
<td>2008-04-13</td>
</tr>
<tr>
<td>6</td>
<td>陈冠希</td>
<td>8001</td>
<td>总监</td>
<td>男</td>
<td>60</td>
<td>2008-04-18</td>
</tr>
<tr>
<td>7</td>
<td>陈慧琳</td>
<td>8002</td>
<td>试用期</td>
<td>女</td>
<td>85</td>
<td>2008-04-18</td>
</tr>
<tr>
<td>8</td>
<td>张曼玉</td>
<td>8007</td>
<td>高级经理</td>
<td>女</td>
<td>82</td>
<td>2008-04-16</td>
</tr>
<tr>
<td>9</td>
<td>周润发</td>
<td>8006</td>
<td>副总裁</td>
<td>男</td>
<td>88</td>
<td>2008-04-13</td>
</tr>
</table>
<br />
<script language="javascript" type="text/javascript">
new TableSorter("tb1");
new TableSorter("tb2", 0, 2 , 5, 6);
new TableSorter("tb3").OnSorted = function(c, t)
{
alert("table is sorted by " + c.innerHTML + " " + (t ? "Asc" : "Desc"));
}
</script>
</body>
</html>

javascript代码:

//Author    :   狼Robot
//Contact   :   robot@k2046.cn
//Date      :   2008-04-19
//Explain   :   使Table可以点击排序.
/*使用说明  :
方法1:
new TableSorter("tb1");
效果:
id为tb1的table的第一行任意单元格都可以点击进行排序.
方法2:
new TableSorter("tb1", 0, 1, 3);
效果:
id为tb1的table的第一行0,1,3单元格可以进行点击排序.
*/
function TableSorter(table)
{
this.Table = this.$(table);
if(this.Table.rows.length <= 1)
{
return;
}
this.Init(arguments);
}
//以下样式针对表头的单元格.
TableSorter.prototype.NormalCss = "NormalCss";//没有执行排序时的样式.
TableSorter.prototype.SortAscCss = "SortAscCss";//升序排序时的样式.
TableSorter.prototype.SortDescCss = "SortDescCss";//降序排序时的样式.
//初始化table的信息和操作.
TableSorter.prototype.Init = function(args)
{
this.ViewState = [];
for(var x = 0; x < this.Table.rows[0].cells.length; x++)
{
this.ViewState[x] = false;
}
if(args.length > 1)
{
for(var x = 1; x < args.length; x++)
{
if(args[x] > this.Table.rows[0].cells.length)
{
continue;
}
else
{
this.Table.rows[0].cells[args[x]].onclick = this.GetFunction(this,"Sort",args[x]);
this.Table.rows[0].cells[args[x]].style.cursor = "pointer";
}
}
}
else
{
for(var x = 0; x < this.Table.rows[0].cells.length; x++)
{
this.Table.rows[0].cells[x].onclick = this.GetFunction(this,"Sort",x);
this.Table.rows[0].cells[x].style.cursor = "pointer";
}
}
}
//简写document.getElementById方法.
TableSorter.prototype.$ = function(element)
{
return document.getElementById(element);
}
//取得指定对象的脱壳函数.
TableSorter.prototype.GetFunction = function(variable,method,param)
{
return function()
{
variable[method](param);
}
}
//执行排序.
TableSorter.prototype.Sort = function(col)
{
var SortAsNumber = true;
for(var x = 0; x < this.Table.rows[0].cells.length; x++)
{
this.Table.rows[0].cells[x].className = this.NormalCss;
}
var Sorter = [];
for(var x = 1; x < this.Table.rows.length; x++)
{
Sorter[x-1] = [this.Table.rows[x].cells[col].innerHTML, x];
SortAsNumber = SortAsNumber && this.IsNumeric(Sorter[x-1][0]);
}
if(SortAsNumber)
{
for(var x = 0; x < Sorter.length; x++)
{
for(var y = x + 1; y < Sorter.length; y++)
{
if(parseFloat(Sorter[y][0]) < parseFloat(Sorter[x][0]))
{
var tmp = Sorter[x];
Sorter[x] = Sorter[y];
Sorter[y] = tmp;
}
}
}
}
else
{
Sorter.sort();
}
if(this.ViewState[col])
{
Sorter.reverse();
this.ViewState[col] = false;
this.Table.rows[0].cells[col].className = this.SortDescCss;
}
else
{
this.ViewState[col] = true;
this.Table.rows[0].cells[col].className = this.SortAscCss;
}
var Rank = [];
for(var x = 0; x < Sorter.length; x++)
{
Rank[x] = this.GetRowHtml(this.Table.rows[Sorter[x][1]]);
}
for(var x = 1; x < this.Table.rows.length; x++)
{
for(var y = 0; y < this.Table.rows[x].cells.length; y++)
{
this.Table.rows[x].cells[y].innerHTML = Rank[x-1][y];
}
}
this.OnSorted(this.Table.rows[0].cells[col], this.ViewState[col]);
}
//取得指定行的内容.
TableSorter.prototype.GetRowHtml = function(row)
{
var result = [];
for(var x = 0; x < row.cells.length; x++)
{
result[x] = row.cells[x].innerHTML;
}
return result;
}
TableSorter.prototype.IsNumeric = function(num)
{
return /^\d+(\.\d+)?$/.test(num);
}
//可自行实现排序后的动作.
TableSorter.prototype.OnSorted = function(cell, IsAsc)
{
return;
}

示例:

Tag标签: javascript,TableSorter

posted on 2008-04-20 00:51 狼Robot 阅读(2610) 评论(38) 编辑收藏所属分类: JavaScript

#1楼  2008-04-20 02:02 镜涛

呵呵，学习一下。回复引用查看

#2楼  2008-04-20 07:06 BAsil

支持一回复引用查看

#3楼  2008-04-20 09:09 李战

楼主太强了！我一定要偷来用，俺才发觉咱俩目前做的很多事情都很相通啊。多谢！回复引用查看

#4楼  2008-04-20 09:26 高_超

不错的demo.拿来学学。回复引用查看

#5楼  2008-04-20 09:29 侯垒

很不错呀! 回复引用查看

#6楼  2008-04-20 09:29 Justin

真的是很好的Demo呀！回复引用查看

#7楼 [楼主] 2008-04-20 09:39 狼Robot

@李战
不敢当了,你就不要再笑我了.我菜,我知道.
以后多点化下我,让我也能沾沾佛主的光.呵呵. 回复引用查看

#8楼  2008-04-20 09:44 JackLee

楼主很强呀！！
回复引用查看

#9楼  2008-04-20 09:46 Benson_design....

很酷哦!这个功能我经常会用到!谢了回复引用查看

#10楼  2008-04-20 09:52 sharelai [未注册用户]

很强，代码量也很少，以后用了有版权问题吗？
谢谢博主。回复引用查看

#11楼  2008-04-20 09:57 Agan@CN

不错，不过我发现你的排序是有问题的，如果A的年龄是9，B的年龄是89，你的升序排序结果B-A，因为只是简单的字符排序，这种情况是不适合的，要支持对数据类型的排序，就要对不同类型的数据识别，可以使用正则表达式来判断，网上现成的有很多，可以参考一下。回复引用查看

#12楼  2008-04-20 10:04 sharelai [未注册用户]

加入收藏夹了，希望楼主多发这些JS实用的特效，谢谢了！
期待窗口悬浮DEMO，谢谢了回复引用查看

#13楼 [楼主] 2008-04-20 10:05 狼Robot

@Agan@CN
早上起来发现了这个问题.现在修复了.呵呵.估计你看的时候我在上传. 回复引用查看

#14楼 [楼主] 2008-04-20 10:07 狼Robot

@sharelai
你不是说的拖动div吧? 回复引用查看

#15楼  2008-04-20 10:10 yfalcon [未注册用户]

还是有些问题的，另外，支不支持翻页排序？回复引用查看

#16楼 [楼主] 2008-04-20 10:25 狼Robot

@yfalcon
看代码就知道了,这个只是针对一个现有的table排序的,如果要翻页排序就不是这样写的. 回复引用查看

#17楼  2008-04-20 10:30 sharelai [未注册用户]

不是拖动
是那种可以最大化窗口，也可以小化缩到右下角。
回复引用查看

#18楼 [楼主] 2008-04-20 10:37 狼Robot

@sharelai
你的意思是在web里仿windows的窗口?可以拖动,最大化最不化?
按理来说应该不难,等我下次闲的时候试试看能不能写出来. 回复引用查看

#19楼  2008-04-20 11:15 Agan@CN

日期型的你还是没有处理回复引用查看

#20楼 [楼主] 2008-04-20 12:24 狼Robot

@Agan@CN
开始发现了,改过了的.结果不知道搞来搞去又搞不见了.
原因是IsNumeric方法的正则少了两个字符[^$]. 回复引用查看

#21楼  2008-04-20 14:09 Ants

--引用--------------------------------------------------
狼Robot: @Agan@CN
开始发现了,改过了的.结果不知道搞来搞去又搞不见了.
原因是IsNumeric方法的正则少了两个字符[^$].
--------------------------------------------------------
回复引用查看

#22楼 [楼主] 2008-04-20 14:35 狼Robot

@Ants
还是有问题,IsNumeric中的[]应该换成()才对,郁闷,想放个demo看来还是有点麻烦,改了blog上的忘了改本机的,改了本机的又覆盖了blog的. 回复引用查看

#23楼  2008-04-20 17:32 ivanyb [未注册用户]

好东西,很有用处.省了我不少时间.感谢搂主回复引用查看

#24楼  2008-04-20 18:03 留恋星空

很好，很强大。多谢。偶收下了回复引用查看

#25楼  2008-04-20 19:50 王孟军!

很好回复引用查看

#26楼  2008-04-20 19:57 xiaoming [未注册用户]

我也弄了一个

<table style="border:solid 1px #DDDDDD;" frame='border' rules='all' cellpadding="0" cellspacing="0" id="tbsort">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>工号</th>
<th>职位</th>
<th>性别</th>
<th>业绩</th>
<th>报到时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>刘德华</td>
<td>8008</td>
<td>总裁</td>
<td>男</td>
<td>98</td>
<td>2008-04-12</td>
</tr>
<tr>
<td>2</td>
<td>吴奇隆</td>
<td>8004</td>
<td>主管</td>
<td>男</td>
<td>80</td>
<td>2008-04-16</td>
</tr>
<tr>
<td>3</td>
<td>王光良</td>
<td>8003</td>
<td>经理</td>
<td>男</td>
<td>85</td>
<td>2008-04-15</td>
</tr>
<tr>
<td>4</td>
<td>张学友</td>
<td>8009</td>
<td>副总裁</td>
<td>男</td>
<td>9</td>
<td>2008-04-11</td>
</tr>
<tr>
<td>5</td>
<td>张柏芝</td>
<td>8005</td>
<td>助理</td>
<td>女</td>
<td>78</td>
<td>2008-04-13</td>
</tr>
<tr>
<td>6</td>
<td>陈冠希</td>
<td>8001</td>
<td>总监</td>
<td>男</td>
<td>60</td>
<td>2008-04-18</td>
</tr>
<tr>
<td>7</td>
<td>陈慧琳</td>
<td>8002</td>
<td>试用期</td>
<td>女</td>
<td>85</td>
<td>2008-04-18</td>
</tr>
<tr>
<td>8</td>
<td>张曼玉</td>
<td>8007</td>
<td>高级经理</td>
<td>女</td>
<td>82</td>
<td>2008-04-16</td>
</tr>
<tr>
<td>9</td>
<td>周润发</td>
<td>8006</td>
<td>副总裁</td>
<td>男</td>
<td>88</td>
<td>2008-04-13</td>
</tr>
</tbody>
</table>
<script type='text/javascript'>
window.$id = function(id) {
return document.getElementById(id);
};

window.$tag = function(tag, elem) {
return (elem || document).getElementsByTagName(tag);
};

window.$A = function(obj) {
var ret = [];
for (var i = 0, l = obj.length; i < l; i++) {
ret.push(obj[i]);
}
return ret;
};
function tableSorter(opt) {
this.init(opt);
}

tableSorter.prototype = {
/**
*opt参数：{el:表格id，sortRows:要排序的列,sortcallback:排序后执行的函数}
*/
init: function(opt) {
this.el = $id(opt.el);//表格
this.sortcallback = opt.sortcallback;
this.sortRows = opt.sortRows;
this.orderRule = [];//各列的排序方向：升序、倒序
this.bindEvents();
},
bindEvents: function() {
this.rows = $A(this.el.tBodies[0].rows)/*Array.prototype.slice.call(this.el.tBodies[0].rows)似乎在ie下行不通？*/;
this.ths = this.el.tHead ? this.el.tHead.rows[0].cells : this.rows.shift().cells;/*表格没有定义thead就取第一行*/

var l = this.sortRows ? this.sortRows.length : this.ths.length;/*不指定要排序的列则默认所有列排序*/

if (this.sortRows)
if (!this.ths[this.sortRows[l - 1]])
throw new Error('index out of range');/*列不存在*/

for (var i = 0, current = null, rowIndex = -1; i < l; i++) {
rowIndex = this.sortRows ? this.sortRows[i] : i;
current = this.ths[rowIndex];
current.onclick = this.getFunc(this, 'sort', rowIndex);
current.style.cursor = "pointer";
this.orderRule[rowIndex] = false;/*默认倒序*/
}
},
getFunc: function(variable, method, param) {
return function() {
variable[method](param);
}
},
sort: function(rowIndex) {
var me = this;
this.rows = this.rows.sort(function(a, b) {
a = a.cells[rowIndex].innerHTML;/*列内容*/
b = b.cells[rowIndex].innerHTML;
a = isNaN(a) ? a : parseFloat(a);/*判断是否为数字再决定转换*/
b = isNaN(b) ? b : parseFloat(b);
var order = a < b;
if (me.orderRule[rowIndex])
order = !order;/*与本列上一次排序方向相反*/
return order ? 1 : -1;
});

this.addStyle(rowIndex);
this.lastSorted = this.ths[rowIndex];/*设置最后一次被排序的列为当前列*/
this.orderRule[rowIndex] = !this.orderRule[rowIndex];/*改变下次本列排序方向*/

var _frag = document.createDocumentFragment();/*创建文档碎片，这样只需调用一次appendChild*/
for (var i = 0, l = this.rows.length; i < l; i++)
_frag.appendChild(this.rows[i]);
this.el.tBodies[0].appendChild(_frag);/*此时的appendChild只是移动原有行位置*/

if (this.sortcallback)
this.sortcallback(this.ths[rowIndex], this.orderRule[rowIndex]);
},
addStyle: function(rowIndex) {
if (this.lastSorted)
this.lastSorted.style.background = '';/*清除最后一次被点击的(标题列？)样式*/
this.ths[rowIndex].style.background = this.orderRule[rowIndex] ? 'red' : 'blue';
}
}
var tsort = new tableSorter({
el:'tbsort',
sortRows:[0,2,3,5,6],
sortcallback:function(row, asc) {/*row: tablerow, asc: Boolean*/

}
});
</script> 回复引用查看

#27楼  2008-04-21 08:09 专研.NET

回复引用查看

#28楼  2008-04-21 09:29 风景

--引用--------------------------------------------------
专研.NET: <img src="http://www.cnblogs.com/Emoticons/others/fangdian001.gif" alt="" /><img src="http://www.cnblogs.com/Emoticons/qface/055243188.gif" alt="" />

--------------------------------------------------------
回复引用查看

#29楼  2008-04-21 09:33 阿新

能不能加个功能，比如单击一行返回当前行的记录！！！！！
回复引用查看

#30楼  2008-04-21 10:00 王孟军!

在AJAX没有流行之前
当朋友说到JS时,"不屑一顾"
现在...
哎,精通JS的是"国宝了"
我的email wmj2212@126.com
请多指教回复引用查看

#31楼 [楼主] 2008-04-21 10:02 狼Robot

@王孟军!
我也只是菜鸟一个,呵呵,有时间多多交流. 回复引用查看

#32楼  2008-04-21 10:19 MarkZT

这个demo有营养~ 回复引用查看

#33楼 [楼主] 2008-04-21 10:32 狼Robot

@xiaoming
代码不错,有空多多指教. 回复引用查看

#34楼  2008-04-23 19:40 smile^_^

呵呵，很有意思!
学习了，谢谢！
回复引用查看

#35楼  2008-05-31 23:24 火无极

很强大,学习! 回复引用查看

#36楼  2008-07-01 23:25 chenqz [未注册用户]

感谢lz，非常谢谢，我正好满世界的找，呵呵回复引用查看

#37楼  2008-07-01 23:30 chenqz [未注册用户]

再看一遍，简直是太完美了，谢谢回复引用查看

#38楼  2008-07-01 23:31 chenqz [未注册用户]

以后有时间我会经常过来你的blog踩踩的回复引用查看

社区新闻新用户注册刷新评论列表

标题

姓名

主页

(只有博主才能看到)


验证码	* 看不清,换一张 [登录][注册]

内容(请不要发表任何与政治相关的内容)

Remember Me?

登录使用高级评论新用户注册返回页首恢复上次提交

[使用Ctrl+Enter键可以直接提交]

该文被作者在 2008-04-21 13:37 编辑过

另存打印

所属分类的其他文章:
· asp也来玩三层?
· 用在JavaScript的RequestHelper
· 让客户端看不见你的Javascript脚本.
· JS间隔性滚动代码[修正增加了部分功能]
· 自己用javascrpt写的像淘宝首页的间隔性滚动的效果

最新IT新闻:
· 雅虎首页大变脸阿里风格上身
· 万名Linux使用者向暴雪请愿Linux版《Diablo III》
· 56.com我乐网将全面转行退出视频行业
· Joost借道TOM在线将正式进军中国
· 微软副总裁公开承认Vista存在问题

博客园新闻频道博客园首页社区

狼Robot

导航

统计

与我联系

常用链接

留言簿

我参加的小组

我参与的团队

我的标签

随笔分类

随笔档案

文章分类

搜索

最新评论

阅读排行榜

评论排行榜