编写stackoverflow样式'问题'/'标签'翻转按钮的最佳方法

Question

什么是实现翻转"按钮"的最佳方式,例如Stackoverflow用于"问题","标签","用户"在顶部.

它实际上是这样实现的:

<div class="nav">            
<ul class="primarynav">
      <li class="">
           <a href="/questions">Questions</a>
      </li>
      <li class="">
           <a href="/tags">Tags</a>
      </li>
      <li class="">
           <a href="/users">Users</a>
      </li>
      <li class="">
          <a href="/badges">Badges</a>
      </li>
      <li class="">
          <a href="/unanswered">Unanswered</a>
      </li>
 </ul> 

我有点放弃尝试找到这个javascript,因为所有javsascript似乎都在一行.

我只是想知道人们认为最简单/最可靠的方法来实现这样的简单按钮.

我发现stackoverflow正在使用<li>而非类似的东西非常有趣<span>.好奇为什么......

PS.我正在使用ASP.NET - 目前没有其他库,如JQuery,但愿意尝试这样的东西,如果它会有所帮助.

Answer 1

链接上的悬停效果不需要JavaScript.只需使用:hover 伪类:

a:hover {
    background-color:#FF9900; 
}

关于菜单,使用无序列表实现导航是很常见的.