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

回答

相关问题