一直以来，日志存档那一块随着文章增多，日志存档变得越来越长，因此我也决定对footer部分做一些小小的变动。

改变之后，就变成你现在看到的这样，可以显示全局，也可以收起面板。

其实代码并不难，功能也不多。原本考虑思路是：

1，先计算存档日志月份的数量。

2，超出部分不显示，只显示限制的数量。

但是后来发现这么做变得很繁琐，后来更改了一下思路，先把高度设置成默认的，最后点击之后，切换。

效果如下图：（图1为切换之前，图2为切换之后）

图1：

图2：

最后贴上实现代码：

html部分

<ul>
	<li style="clear: both;"></li>
</ul>

<a class="more" href="javascript:void(0)">显示更多</a>
<a class="login" style="display: none;" href="javascript:void(0)">收起面板</a>

css部分

.more{float:right; top:-141px; position:relative;}
.login{float:right; }

jquery部分

//点击展开日志存档
 $(".more").click(function(){
 $(".login").css("display","block");
 $(".more").css("display","none");
 $(".fLeft ul").css("height","auto");
 });
 //点击收起日志存档
 $(".login").click(function(){
 $(".more").css("display","block");
 $(".login").css("display","none");
 $(".fLeft ul").css("height","197px")
 });

改进之后有什么好处？右边的滚动条缩短了，读者不用再拉动更长的滚动条。当然，还有其他地方的一些小问题，在接下来的时间也会尽量的去做好：）

我坚信每一个对读者有益的小小改动都能使用户体验更好，我一直在努力。
本文来自：梧桐雨软件园原创，转载请注明出处。