一个元素与内容对齐的程式化导航栏

我有一个独特的布局，我打算构建，但我没有足够的经验足够用CSS来完成它我自己。也许有人可以帮助我？一个元素与内容对齐的程式化导航栏

我想有一个页面，显示一个中心，垂直框约700px宽的内容。内容将是垂直列出的各个帖子（请考虑Tumblr）。这不是什么汗水，但艰难的部分是导航栏。

酒吧将包含年份的链接，当前年份在中间，前几年在左边，在几年后向右，整个酒吧占据了网页宽度的100％。目前选择的一年我希望与内容列一样宽。当用户点击不同的年份时，该年会显示，其他年份也会相应变化（我可以处理的部分）。

下面是一个插图，让您更好地了解我在说什么。

enter image description here

这是什么，这将是可能的吗？关于如何完成这一任何想法？（忽视的事实是，每年右边是2010年应该是2012年，2013年，2014）

2011-12-21 Jimmy

我认为jQuery的标签就可以了：http://jqueryui.com/demos/tabs/

2011-12-21 03:12:59

这会采取很多修改得到我想要的样子，但是这肯定会工作。 – Jimmy 2011-12-21 04:19:25

当您选择某个选项卡时，您不会知道如何循环选项卡，是吗？例如。如果我点击2009选项卡，将该选项卡放在中间，删除最后两个选项卡并在开头添加两个选项卡。 – Jimmy 2011-12-21 06:46:36

或者使用PHP的switch语句设置一个变量，当你点击它。当页面使用url中的变量重新加载时，使用它将当前类设置为你想要的年份。

2011-12-21 03:08:04 1ftw1

回答