Cufon懸停在鼠標停留在hoverstate

http://www.basenharald.nl/3d Cufon懸停在鼠標停留在hoverstate

將鼠標懸停在按鈕上。我想要的是，cufon文本更改爲＃e90c00。由於某種原因（有時），當我將鼠標移離按鈕時，它會保持＃e90c00。

這是我使用的代碼：

Cufon.replace('#nav li a span', { hover: true, hoverables: { span: true}, textShadow: '#353535 1px 1px'});

有誰知道我可以解決這一問題？

來源

2011-08-23 Luuk

您似乎雙重申請懸停效果。如果從選項中刪除'hoverables：{span：true}'會發生什麼？另外，你有沒有試過替換#van li a？ –

@威廉牛這不會工作（嘗試它）。它需要懸停和高潮。此外，如果我設置導航li所有文本變成cufon並且懸停問題仍然存在 – Luuk

您使用的是什麼瀏覽器？ – jQuerybeast

解決該問題：

$('#nav li').hover(function(){ 
    $('a span', this).css('color','#e90c00'); 
    Cufon.refresh('#nav li a span'); 

},function(){ // this is the mouse out 

    $('a span', this).css('color','#fff'); 
    Cufon.refresh('#nav li a span'); 
});

來源

2011-09-15 08:35:37 Luuk

檢查了這一點：https://github.com/sorccu/cufon/wiki/styling

一些測試，你可以嘗試

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


Cufon('#nav li a span', { 
color: '#fff', 
hover: { 
    color: '#e90c00' 
     } 
});

來源

2011-08-23 08:49:57

我很抱歉西蒙，但我已經修復了這部分......現在鼠標懸停在鼠標上。 – Luuk

你需要調用Cufon.refresh（）;例如：

$('#nav li a span').hover(function(){ 
    $(this).css('color','#e90c00'); 
    Cufon.refresh($(this)); 
// this is the mouse out 
},function(){ 
    $(this).css('color','#fff'); 
    Cufon.refresh($(this)); 
});

來源

2011-09-02 05:40:26 marissajmc

它的工作方式。我是否需要實施此代碼段並保留完整的跨度cufon.replace？如果可以，現在就看看它。它可以工作，但速度非常慢，會減慢速度。 – Luuk

是的，cufon.replace（）;來電之前我的片段。我很驚訝它對你來說很慢。如果你刪除textShadow會發生什麼？速度更快嗎？ – marissajmc

仍然真的很慢（我把陰影放回去，因爲它沒有區別）。是不是因此，如果你使用cufon.refresh，它必須每次在懸停和鼠標移動時重新加載cufon？ – Luuk

爲什麼不使用CSS？

#nav li a span 
{ 
    color: #fff; 
/* and other default styles */ 
} 
#nav li a span:hover 
{ 
    color: #e90c00; 
/* and whatever other styling u need on hover */ 
}

來源

2011-09-06 12:33:04 ShalomSam

，一些用戶建議的jQuery腳本實際上是在得到它正常工作的唯一途徑。在Cufon的文檔中解釋的Cufon樣式效果確實有效，但有時在您將鼠標移出按鈕區域後仍然會顯示懸停效果。當然，這是一個恥辱。觸發懸停後，至少需要插入Cufon.refresh（）或Cufon.replace（）。你可以保留CSS的樣式，不需要在JS代碼片段中實現。下面是我使用的那種情況下，代碼：

$('ul#nav ul li a').hover(function(){ 
    Cufon.refresh('ul#nav ul li a'); 
},function(){ 
    Cufon.refresh('ul#nav ul li a'); 
});

使用CSS，當然，這樣的事情：

ul#nav li a { color: black } ul #nav li a:hover { color :red }

來源

2011-11-25 22:32:40

較短的片段：

$('ul#nav ul li a').mouseout(function(){ Cufon.refresh('ul#nav ul li a'); });

來源

2012-03-02 09:42:53

我來到這個崗位尋找用子菜單查找cufon懸停問題。我對答案印象深刻，並嘗試重置無濟於事。從常見問題的Cufón以下文章可以幫助別人尋找類似的東西：

https://github.com/sorccu/cufon/wiki/FAQ#wiki-faq-10

來源

2012-04-02 05:09:34 prochevnik

Cufon懸停在鼠標停留在hoverstate

回答

相關問題