0

好吧,问题来了:

我正在建立一个 网站,使用 jQuery 和 Cufon。我在使用 jQuery 的.hover()函数和 Cufon 时遇到了问题。当我将鼠标悬停在 Cufon 的文本上时,什么也没有发生。重要的代码是:

Cufon.replace('div.nav', {hover:'true'});
$(document).ready(function() {
    $('div.nav').each(function() {
        $(this).hover(function() {
            $(this).css({
                "text-decoration": "underline;",
            });
        },
        function() {
            $(this).css({
                "text-decoration": "none;",
            });
        });
    });
});

<div id="nav">
    <div id="logo" class="nav">
        SLA ROBOTICS
    </div>
    <div id="items">
        <div id="item1" class="navbutton nav">
            <i>members</i>
        </div>
        <div id="item2" class="navbutton nav">
            <i>robots</i>
        </div>
        <div id="item3" class="navbutton nav">
            <i>sponsors</i>
        </div>
    </div>
</div>

通过查看上述链接的源代码,可以看到其余代码。没有 PHP,所以一切都是可见的。

4

1 回答 1

1

Cufon 是一个很好的库,但它可能不支持普通文本的所有功能。考虑使用由Font Squirrel生成的 webfonts 。

于 2013-06-02T20:08:55.163 回答