أفضل ما في الأمر هو الحصول على أفضل الأسعار
<!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>
<الرأس>
<meta http-equiv=Content-Type content=text/html; مجموعة الأحرف = gb2312 />
<العنوان>جدول الجدول</title>
</الرأس>
<الجسم>
<نوع النمط=نص/css>
.fu_list{ العرض: 400 بكسل؛ الحدود: 1 بكسل الصلبة #ebebeb؛ ارتفاع الخط: 20 بكسل؛ حجم الخط:12px;}
.fu_list ثيد تد {خلفية اللون: #ebebeb؛}
.fu_list TD {الحشو: 5px؛}
.fu_list a{outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/ text-decoration:none; اللون:#333;}
.fu_list الموضوع أ {padding-right:15px;}
.fu_list thead a.up، .fu_list thead a.down{ الخلفية:url(up.gif) المركز الأيمن بدون تكرار؛ }
.fu_list thead a.down{background-image:url(down.gif);}
</نمط>
<حدود الجدول=0 تباعد الخلايا=0 حشو الخلايا=0 فئة=fu_list>
<الرأس>
<تر>
<td> <a href=javascript:void(0) id=idTitle>العنوان</a> / <a href=javascript:void(0) id=idExt>类型</a></td>
<td width=200 align=center><a href=javascript:void(0) id=idAddtime class=up>上传时间</a></td>
<td width=50 align=center><a href=javascript:void(0) id=idSize>الحجم</a></td>
</tr>
</الرأس>
<معرف tbody=idList>
<تر>
<td _ext=rar>new.rar</td>
<td align=center _order=2008/9/12 8:51:09>2008-9-12 8:51:09</td>
<td align=right _order=433247>423.09 ك</td>
</tr>
<تر>
<td _ext=js>TagControl.js</td>
<td align=center _order=2008/9/23 11:26:57>2008-9-23 11:26:57</td>
<td align=right _order=1387>1.35 كيلو</td>
</tr>
<تر>
<td _ext=js>Scroller.js</td>
<td align=center _order=2008/9/23 11:26:57>2008-9-23 11:26:57</td>
<td align=right _order=2556>2.5 كيلو</td>
</tr>
<تر>
<td _ext=js>AlertBox.js</td>
<td align=center _order=2008/9/23 11:26:57>2008-9-23 11:26:57</td>
<td align=right _order=3565>3.48 كيلو</td>
</tr>
<تر>
<td _ext=htm>1.htm</td>
<td align=center _order=2008/10/4 20:21:54>2008-10-4 20:21:54</td>
<td align=right _order=11394>11.13 ك</td>
</tr>
<تر>
<td _ext=htm>4.htm</td>
<td align=center _order=2008/10/4 20:21:54>2008-10-4 20:21:54</td>
<td align=right _order=351>351 ب</td>
</tr>
<تر>
<td_ext=xml>news.xml</td>
<td align=center _order=2008/10/4 20:24:11>2008-10-4 20:24:11</td>
<td align=right _order=14074>13.74 ك</td>
</tr>
<تر>
<td _ext=xsl>news.xsl</td>
<td align=center _order=2008/10/4 20:24:11>2008-10-4 20:24:11</td>
<td align=right _order=16796>16.4 كيلو</td>
</tr>
<تر>
<td _ext=js>function.js</td>
<td align=center _order=2008/10/4 20:24:11>2008-10-4 20:24:11</td>
<td align=right _order=2844>2.78 كيلو</td>
</tr>
</tbody>
</الجدول>
<نوع البرنامج النصي=نص/جافا سكريبت>
فار $ = الوظيفة (المعرف) {
سلسلة الإرجاع == معرف نوع؟ document.getElementById(id): id;
};
فئة فار = {
إنشاء: وظيفة () {
وظيفة العودة () {
this.initialize.apply(this,حجج);
}
}
}
Object.extend = وظيفة (الوجهة، المصدر) {
لـ (خاصية var في المصدر) {
الوجهة[الخاصية] = المصدر[الخاصية];
}
وجهة العودة؛
}
وظيفة كل (قائمة، متعة) {
for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
};
/////////////////////////////////////////////
/////////////////////////
var TableOrder = Class.create();
TableOrder.prototype = {
التهيئة: الوظيفة (tbody) {
فار oThis = هذا؛
this.Body = $(tbody);//tbody موجود
this.Rows = [];// قم باختيار الصفوف
Each(this.Body.rows, function(o){ oThis.Rows.push(o); })
},
// 序并显示
الترتيب: الوظيفة (الترتيب) {
//الاسم
this.Rows.sort(this.Compare(order));
order.Down && this.Rows.reverse();
// 示表格
var oFragment = document.createDocumentFragment();
Each(this.Rows, function(o){ oFragment.appendChild(o); });
this.Body.appendChild(oFragment);
},
// 比较函数
قارن: الوظيفة (الترتيب) {
فار oThis = هذا؛
وظيفة الإرجاع (o1، o2) {
var value1 = oThis.GetValue(o1, order), value2 = oThis.GetValue(o2, order);
قيمة الإرجاع 1 <القيمة 2؟ -1: القيمة 1 > القيمة 2؟ 1 : 0;
};
},
//获取比较值
GetValue: الدالة(tr,order) {
var data = tr.getElementsByTagName(td)[order.Index].getAttribute(order.Attribute);
// 数据转换
التبديل (order.DataType.toLowerCase()) {
حالة كثافة العمليات:
إرجاع parseInt(بيانات) || 0;
تعويم القضية:
إرجاع parseFloat(بيانات) || 0;
تاريخ الحالة:
إرجاع Date.parse(data) || 0;
سلسلة الحالة:
تقصير:
إرجاع البيانات.toString() || ;
}
},
//الحصول على أفضل النتائج
إضافة: الوظيفة (الفهرس، الخيارات) {
فار oThis = هذا؛
إرجاع وظيفة جديدة (){
// 默认属性
this.Attribute = InternalHTML;// قم بإلغاء تحديد اسم المستخدم
this.DataType = string;//اكتب البيانات
this.Down = false;//القيمة الحقيقية
Object.extend(this, options || {});
//الأمر متروك لك
this.Index = Index;
this.Sort = function(){ oThis.Sort(this); };
};
}
}
var to = new TableOrder(idList);
الدالة SetOrder(obj,index, options){
فار o = $(obj);
// 添加一个排序对象
var order = to.Add(index, options);
o.onclick = الدالة(){
//取相反排序
order.Down = !order.Down;
//设置样式
Each(SetOrder._arr, function(o){ o.className = ; })
o.className = order.Down؟ أسفل: أعلى؛
// 排序显示
ترتيب.فرز();
عودة كاذبة.
}
//_arr是记录排序项目(这里主要用来设置样式)
SetOrder._arr ؟ SetOrder._arr.push(o) : SetOrder._arr = [];
}
SetOrder(idTitle, 0);
SetOrder(idExt, 0, { Attribute: _ext });
SetOrder(idAddtime, 1, { Attribute: _order, DataType: date });
SetOrder(idSize, 2, { Attribute: _order, DataType: int });
</script>
</الجسم>
</html>