js渐变显示渐变消失-白红宇

js渐变显示渐变消失

阅读量：6651 次

发布时间：2019-06-25

本文共 1073 字，大约阅读时间需要 3 分钟。

以下是渐变的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


    
					     					      						       MY ACCOMPLISHMENTS 					      
										      							       								
        
         border_bottom1Pgreye7e7e7
        
							 							       								border_bottom1Pgreye7e7e7							 						      
					      							       								
        
         border_bottom1Pgreye7e7e7
        
							 							       								border_bottom1Pgreye7e7e7							 						      
     
				    
				
    
     More