首页  >  文章  >  web前端  >  js渐变显示渐变消失示例代码_javascript技巧

js渐变显示渐变消失示例代码_javascript技巧

WBOY
WBOY原创
2016-05-16 17:27:331083浏览

以下是渐变的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()$("#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



声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn