尝试使用CSS重新创建此垂直导航栏

Question

我希望复制在以下网站使用的不均匀宽度垂直导航栏：

http://www.narrowdesign.com/

垂直滑动效果和脉冲杆是完全可选的，不是我必须要有的。我确实喜欢当你把鼠标移到上面的时候，条变宽的效果。

对于如何使用CSS和/或jquery实现这一点，有什么建议吗？

Answer 1

这应该是非常简单的。只需使用一堆带有黑色背景和一些填充的<ul>元素。你可以把float:left;和clear:both;放在它们上面，它们会在边上排成一行，并根据内容调整大小。