<
html
>
<
head
>
<
title
>
SortTable2
</
title
>
<
meta
http-equiv
="content-type"
content
="text/html; charset=UTF-8"
>
![](https://i-blog.csdnimg.cn/blog_migrate/3c6faa85aa88b40dedc6b7ba34b5dcc9.gif)
<
script
type
="text/javascript"
>
var k=0;
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
/**//**************************************************************************
排序的主方法,有三个形参,STableTd,iCol,sDataType分别为需要排序的表格ID,
需要排序的表格列号,所在列的数据类型(支持int,float,date,string四种数据类型)
**************************************************************************/
function sortTable(sTableId,iCol,sDataType)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
{
var oTable=document.getElementById(sTableId);//获取表格的ID
var oTbody=oTable.tBodies[0]; //获取表格的tbody
var colDataRows=oTbody.rows; //获取tbody里的所有行的引用
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
var aTRs=new Array(); //定义aTRs数组用于存放tbody里的行
for(var i=0;i<colDataRows.length;i++) //依次把所有行放如aTRs数组
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
aTRs.push(colDataRows[i]);
}
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
/**//***********************************************************************
sortCol属性是额外给table添加的属性,用于作顺反两种顺序排序时的判断,区分
首次排序和后面的有序反转
************************************************************************/
if(oTable.sortCol==iCol) //非首次排序
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
aTRs.reverse();
}
else //首次排序
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
if(k%2==0) //升序
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
aTRs.sort(generateCompareTRs(iCol,sDataType));
}
else if(k%2==1) //降序
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
aTRs.sort(generateCompareTRs1(iCol,sDataType));
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
var oFragment=document.createDocumentFragment(); //创建文档碎片
for(var i=0;i<aTRs.length;i++) //把排序过的aTRs数组成员依次添加到文档碎片
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
oFragment.appendChild(aTRs[i]);
}
oTbody.appendChild(oFragment); //把文档碎片添加到tbody,完成排序后的显示更新
oTable.sortCol=iCol; //把当前列号赋值给sortCol,以此来区分首次排序和非首次排序,//sortCol的默认值为-1
};
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
//比较函数,用于两项之间的排序
//升序
function generateCompareTRs(iCol,sDataType)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
{
return function compareTRs(oTR1,oTR2)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
var vValue1=convert(oTR1.cells[iCol].firstChild.nodeValue,sDataType);
var vValue2=convert(oTR2.cells[iCol].firstChild.nodeValue,sDataType);
if(vValue1<vValue2)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
return -1;
}
else if(vValue1>vValue2)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
return 1;
}
else
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
return 0;
}
};
};
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
//降序
function generateCompareTRs1(iCol,sDataType)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
{
return function compareTRs(oTR1,oTR2)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
var vValue1=convert(oTR1.cells[iCol].firstChild.nodeValue,sDataType);
var vValue2=convert(oTR2.cells[iCol].firstChild.nodeValue,sDataType);
if(vValue1>vValue2)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
return -1;
}
else if(vValue1<vValue2)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
return 1;
}
else
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
return 0;
}
};
};
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
//数据类型转换函数
function convert(sValue,sDataType)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
{
switch(sDataType)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
{
case "int":return parseInt(sValue);
case "float": return parseFloat(sValue);
case "date":return new Date(Date.parse(sValue));
default:return sValue.toString();
}
};
![](https://i-blog.csdnimg.cn/blog_migrate/05e5da966157287caeff82ff013c0edf.gif)
</
script
>
</
head
>
<
body
>
<
form
name
="f1"
id
="f1"
action
=""
method
="post"
>
<
table
border
="1"
id
="tblSort"
sortCol
="-1"
>
<
thead
>
<
tr
>
<
th
onClick
="sortTable('tblSort',0);"
style
="cursor:pointer"
>
Last Name
</
th
>
<
th
onClick
="sortTable('tblSort',1)"
style
="cursor:pointer"
>
First Name
</
th
>
<
th
onClick
="sortTable('tblSort',2,'date')"
style
="cursor:pointer"
>
Birthday
</
th
>
<
th
onClick
="sortTable('tblSort',3,'int')"
style
="cursor:pointer"
>
Silbings
</
th
>
</
tr
>
</
thead
>
<
tbody
>
<
tr
>
<
td
>
Simth
</
td
>
<
td
>
John
</
td
>
<
td
>
7/12/1978
</
td
>
<
td
>
2
</
td
>
</
tr
>
<
tr
>
<
td
>
Johnson
</
td
>
<
td
>
Betty
</
td
>
<
td
>
5/12/1965
</
td
>
<
td
>
5
</
td
>
</
tr
>
<
tr
>
<
td
>
Henderson
</
td
>
<
td
>
Nathan
</
td
>
<
td
>
10/15/1977
</
td
>
<
td
>
3
</
td
>
</
tr
>
<
tr
>
<
td
>
Willianms
</
td
>
<
td
>
James
</
td
>
<
td
>
2/25/1949
</
td
>
<
td
>
1
</
td
>
</
tr
>
<
tr
>
<
td
>
Gilliam
</
td
>
<
td
>
Michael
</
td
>
<
td
>
7/8/1980
</
td
>
<
td
>
4
</
td
>
</
tr
>
<
tr
>
<
td
>
Walker
</
td
>
<
td
>
Matthew
</
td
>
<
td
>
6/18/1981
</
td
>
<
td
>
3
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
form
>
</
body
>
</
html
>
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3c6faa85aa88b40dedc6b7ba34b5dcc9.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/411708b06ec1efaa60d8777d0d70064b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/99781f188f1f5b87872e472b55521981.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7d8e72f98a6e66a439610634a963090b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/98a2b35e8026886f64376e9b06b95b96.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/9e7eec45f00804cecaf8f30cb6fb5e2f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3b0d8883c3a023cc50705b491eafbbd0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05e5da966157287caeff82ff013c0edf.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e40e6c90c2e98ebcf9bf1e6c592f3892.gif)