有规范的答案吗,求分享
有规范的答案吗,求分享
有规范的答案吗,求分享
2015-04-16
效果是可以的哦 代码没写太死 li长度随便加 都可以
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <title>挑战题</title> </head> <body> <ul> <li>001</li> <li>002</li> <li>003</li> <li>004</li> <li>005</li> <li>006</li> <li>007</li> <li>008</li> <li>009</li> <li>010</li> <li>011</li> <li>012</li> <li>013</li> </ul> <a href="javascript:;">更多</a> <script> $(function(){ function hiddenLi(){ for(var i=4;i < $('li').length-1;i++){ $("li:eq("+i+")").css("display","none"); } } function showLi(){ for(var i=4;i < $('li').length-1;i++){ $("li:eq("+i+")").css("display",""); } } hiddenLi(); $("a").click(function(){ if($("a").text() === "更多"){ $("a").text("简化"); showLi(); }else{ $("a").text("更多"); hiddenLi(); } }); }) </script> </body> </html>
举报