html – 编写stackoverflow样式’问题’’标签’翻转按钮的最佳方法

概述什么是实现翻转“按钮”的最佳方式,例如Stackoverflow用于“问题”,“标签”,“用户”在顶部. 它实际上是这样实现的： <div class="nav"> <ul class="primarynav"> <li class=""> <a href="/questions">Questions</a> </li> 什么是实现翻转“按钮”的最佳方式,例如Stackoverflow用于“问题”,“标签”,“用户”在顶部.

它实际上是这样实现的：

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

    

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

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

我发现stackoverflow正在使用< li>非常有趣.而不是像< span>这样的东西.好奇为什么……

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

解决方法 链接上的悬停效果不需要JavaScript.只需使用：hover pseudo-class：

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

关于菜单,实施navigation using unordered lists是很常见的.

总结

以上是内存溢出为你收集整理的html – 编写stackoverflow样式’问题’/’标签’翻转按钮的最佳方法全部内容，希望文章能够帮你解决html – 编写stackoverflow样式’问题’/’标签’翻转按钮的最佳方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。