主導航的Cufon樣式

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跨度上，然后立即將鼠標向下移動時，將鼠標懸停在其下方的#mainnav li小文本上方，＃mainnav li跨度會認為鼠標仍在其上方並保持其懸停狀態。 當我將鼠標懸停在#mainnav li跨度上后沒有將鼠標懸停在#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>