Question

我正在使用cufon，我正在尝试找出如何更改hover/mouse over上的导航文字，然后更改回mouse out/hover off上的原始文字。现在，当我将鼠标悬停在导航选项卡上时，我希望文本更改它，但它不会更改回原始文本，颜色或字体。

这是我小提琴的链接：http://jsfiddle.net/jsavage/4fPw6/

基本上我需要在导航栏中“摔倒”以便在用户盘旋或鼠标悬停时更改为“即将推出”，当用户徘徊或鼠标移开时，文字将变回“堕落”

任何帮助将不胜感激！非常感谢你们！

Answer 1

有一种方法可以使用CSS only（虽然有点hacky）：

.fall:hover:before {
    content: 'coming soon';
    font-size: 0.875em;
    color: #fff;
    text-transform:uppercase;
}
.fall:hover a {
    display: none;
}

Answer 2

首先，您的脚本标记应该在HTML中，您需要包含JQuery才能使用它的功能。

此外，您正在修改.fall的文本，这是一个li元素，不包含任何文本。您必须在其中定位包含要修改的文本的<a>标记。

这是the fiddle

在悬停时更改导航文本而不是更改回原始文本

2 个答案: