用于主导航的 Cufon 样式答案

【问题标题】：Cufon Styling for main navigation用于主导航的 Cufon 样式
【发布时间】：2009-11-02 23:48:17
【问题描述】：

在本网站： http://theoew.uuuq.com/portfolios/Idea/ 我使用 Cufon 来设置主导航的文本样式。我已经使用了这个 html 代码。

<ul id="mainnav" class="alignright">
    <li class="active">
        <a href="#">
            <span>Home</span>
            <small class="active">main page</small>
        </a>
    </li>
    <li>
        <a href="#">
            <span>About</span>
            <small class="active">my bio</small>
        </a>
    </li>
</ul>

不过，我有一个问题。当我将鼠标悬停在#mainnav li 跨度上，然后立即向下移动鼠标，使其悬停在其下方的#mainnav li 小文本上时，#mainnav li 跨度认为鼠标仍在其顶部并保持悬停状态。当我在悬停在#mainnav li 跨度上之后没有悬停在#mainnav li small 上时，不会发生这种情况。

我正在将此代码与 Cufon 一起使用：

Cufon.replace('#mainnav li a span', {
    hover: true,
    hoverables: { span: true, small: true }
});

修复这个问题真的很重要，所以我非常感谢任何帮助。

注意：该网站还没有完成。

【问题讨论】：

标签： html css cufon

【解决方案1】：

嘿。我没有运行代码，但您可以尝试将小标签添加到您的 cufon replace .....

<script type="text/javascript"> 
            $(document).ready(function() {      
                Cufon.replace('h1, #mainnav li a span, #mainnav li a small', {
                    hover: true,
                    hoverables: { span: true, small: true }

                });
            });
        </script>

【讨论】：