css和jQuery实现facebook底部的管理面板

近几年社交性网站变的越来越火，facebook在社交网站里面排名是靠前的。facebook里面有很多Ajax做的特效和功能给人深刻的印象。它底部的管理面板是我尤其喜欢的一个。它几乎将使用最多的功能链接都展现、组织在这里。
这周我将通过第一部分介绍如何通过css和jQuery实现facebook底部的管理面板效果。

part 1 演示 | 最终演示

第一部分：结构和信息提示框——html&css
管理面板的结构使用无序列表ul创建。最后两个li列表（Alert Panel & Chat Panel）将赋予id给它们。同时将这两个结构右浮动，代码里它们的前后顺序与展现效果前后顺序是相反的。

注意：a标签里面镶嵌了一个small标签，它主要是为了实现导航里面的信息提示而创建的结构。