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 span上，然後立即將鼠標向下移動，以便將其懸停在#mainnav li小文本下方時，#mainnav li span認爲鼠標仍處於其頂部並保持其懸停狀態。這並不會發生，因爲我沒有將鼠標懸停在#mainnav li上，而是將它懸停在#mainnav li上。

我使用這個代碼的Cufón：

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

它真正重要的是，我得到這個固定的，所以我會很感激的任何幫助。

注意：該網站並未完成。

Answer 1

嘿。我沒有runt代碼，但你可以嘗試添加小標籤到你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>