Cufon 字体替换：如何定义“hoverables”

Question

使用 Cufon 字体替换，您可以像这样定义悬停状态：

<script type="text/javascript">
   Cufon.replace('h1', {
     hover: true,
     hoverables: { strong: true, em: true }
     });
   });
</script> 

Is it possible to描述hoverables的特定CSS类吗？

（我有一个表现奇怪的JQuery手风琴菜单，并且我认为定义这些可悬停对象将解决问题，如果有帮助的话，这里是菜单）。

Answer 1

Cufon('h1', {    
  fontWeight: 'normal',    
  hover: { fontWeight: 'bold' }
});

我想这应该有用

Answer 2

您可以通过将对象传递给 hover< 来定义 Cufon 目标上的悬停样式/code> 属性，而不是像您在问题中尝试的那样的 hoverables 属性：

Cufon.replace('h1', {
   hover: { fontWeight: bold, textDecoration: italic }
});

hoverables 属性可让您在 a 标签 - Cufon 默认只在锚标签上启用悬停样式，因为 IE6 不支持其他任何内容，但您可以选择使用以下语法启用对其他元素的支持：

Cufon.replace('h1', {
   hover: { fontWeight: bold, textDecoration: italic },
   hoverables: { a: true, img : true }
});