Question

在本网站： 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 span上，然后立即将鼠标向下移动，使其悬停在#mainnav li下面的小文本上，＃mainnav li span认为鼠标仍在其上方并保持其悬停状态。当我将鼠标悬停在#mainnav li span上时，我不会将鼠标悬停在#mainnav li上。

我在Cufon上使用这段代码：

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

我确定这个问题非常重要，所以我真的很感激任何帮助。

注意：该网站尚未完成。

Answer 1

哎。我没有破坏代码但你可以尝试将小标签添加到你的cufon替换.....

<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>

Cufon造型主导航

1 个答案: