jQuery左侧浮动折叠菜单 仿天猫（固定浮动、智能定位、CSS3折叠）

以前做设计的那段时间，常常为了一个专题页面的制作，上各种网站寻找灵感，淘宝就是其中之一。由于现在“从良”了，对设计这方面关心的就比以前要少了，更多的精力便是放在页面结构和用户体验上。

前两天上淘宝时，发现其首页的菜单还不错（貌似很早就有了，不过我是才看到，刚从火星回来...），于是就自己也动手制作了一个。

CSS方面属于参考天猫，jquery则完全是自己摸爬滚打。折叠的效果运用了CSS3，对于不识别的CSS3的浏览器，就单纯的隐藏了，没有做过渡效果。

其中，不得不说，自己做的过程中又学习到了蛮多的东西，特别是CSS方面，有些属性虽然不起眼，感觉没有必要，但起到了关键的作用。

主要功能：1.固定浮动、2.智能定位、3.CSS3折叠

测试环境：IE6-10、Chrome 23、Firefox 18、Oprea 12、Safari 5.1

DemoDownloadGithub