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

Question

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

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

是否可以为hoverables描述特定的 CSS 类？

（我有一个行为奇怪的 JQuery 手风琴菜单，我认为定义这些悬停项将解决问题。如果它有帮助，这里是菜单）。

score 2 · Accepted Answer


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

我猜这应该可行

score 1 · Accepted Answer

您可以通过将对象传递给属性来定义Cufon目标上的悬停样式hover，而不是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 }
});

2 回答 2