jquery - CSS 样式导航按钮

Question

我正在尝试复制存在于 ASP.NET 站点中的导航按钮: http://forums.asp.net/user/editprofile.aspx# (您必须登录才能查看选项卡)

如您所见，对于 onClick 事件，选项卡的背景变为白色，文本从蓝色变为黑色。还为 onClick 应用了左上角和右上角边框。同样在悬停上，按钮的超链接的下划线出现。

我尝试用 Firebug 尽可能多地复制，但我遗漏了一些东西。例如，在我的 fiddle 中，按钮的超链接仍然带有下划线。

我也不清楚 JQuery 中的 Click 事件以及它如何将背景颜色从蓝色更改为白色，以及如何应用边框。如果有人可以对此进行改进，我将不胜感激。

这是我目前拥有的:http://jsfiddle.net/NinjaSk8ter/XrQys/

Answer 1

您可以从头开始，但它已经为您完成了……而且做得很好。

查看 Jquery UI tabs .

它们已经过跨浏览器测试，而且非常灵活。一行代码，大功告成。用于交互的完整 API。而且，为了获得您想要的外观，您可以控制从悬停效果到背景，再到 ThemeRoller 中的边框的所有内容，轻松地重新设计基本方案以完美匹配您自己的方案。

让许多人的力量解决这个问题，您可以将您的努力用于更重要的事情......或者更好的事情来帮助编程社区。