以下是渐变的js代码(表示多余三行的要隐藏，点击"more"显示剩下的，点击“less”要逐渐隐藏)：

复制代码 代码如下:

function showAccomplishmentTableRow(){

$("#accomplishmenttable tr:hidden").first().show(2000,function(){

showAccomplishmentTableRow();

});

if($("#accomplishmenttable tr:hidden").size()==0){

$("#accomplishmenttable").next().attr("onclick","hideAccomplishmentTableRow()").text("Less");

}

}

function hideAccomplishmentTableRow(){

if($("#accomplishmenttable tr:visible").size()<=3){

$("#accomplishmenttable").next().attr("onclick","showAccomplishmentTableRow()").text("More");

return;

}

$("#accomplishmenttable tr:visible").last().hide(2000,function(){

hideAccomplishmentTableRow();

});

}

html

复制代码 代码如下:

<table id="accomplishmenttable">

<tbody>

<tr>

<th colspan="2">MY ACCOMPLISHMENTS</th>

</tr>

<tr>

<td>

<div>border_bottom1Pgreye7e7e7</div>

</td>

<td>

border_bottom1Pgreye7e7e7

</td>

</tr>

<tr>

<td>

<div>border_bottom1Pgreye7e7e7</div>

</td>

<td>

border_bottom1Pgreye7e7e7

</td>

</tr>

</tbody>

</table>

<div>More</div>