如何在鼠标上方进行文本颜色更改

Question

我正在使用的页面是：http://cloudninetech.com/newsite/site/homepage.html

注意底部的标签滑块。我希望在选择当前标签时将标题设为white。

我无法做到这一点因为我认为只能通过修改tabbedContent.js jQuery插件来改变颜色

有人可以建议一种方法吗？

Answer 1

这个插件不可能，因为它通过将.moving_bg元素放在当前选项卡的顶部来创建选项卡选择的错觉。它不会以任何方式改变标签本身 大多数jquery ui库将一些自定义类（例如，'current'）添加到当前选定的元素，从而允许您通过css自定义其外观。

由于您的示例无法使用firefox，我建议您切换到一个更受欢迎的ui库。

Answer 2

这样做

.tab_item:hover
{
 color:#ffffff;
}

Answer 3

出于@Nikita Rybak所述的原因，你最好使用另一个插件 jQuery Tools Tabs 可高度自定义且仍然轻量级。

你仍然可以修改插件;在.mouseover（）函数中添加$(this).css({});就足够了

或添加

.tabs .tab_item:hover,
.tabs .tab_item:focus {
  color: white !important;
}

Pseudo：专注于键盘用户（尽管该插件缺少焦点/模糊事件管理，唉）。