【发布时间】：2013-02-09 20:37:36
【问题描述】：
我将 typeface.js 用于我网站上的几行文本，因为我在让想要的字体在所有浏览器中工作时遇到了一些问题。使用这个常规的 a:hover 或类似的 CSS 是无效的，但我已经设法删除了下划线。
我正在寻找一种在 js 中执行此操作的方法，并尝试了该论坛提供的方法，尤其是 this one。
我对 js 还很陌生，但尽我所能。任何帮助表示赞赏，如果您有其他建议，我愿意接受！
手风琴菜单的 HTML
<div class="mH"
onclick="toggleMenu('menu1')">PORTFOLIO</div>
<div id="menu1" class="mL">
<a class="mO" href="pages/portraits.html">portraits</a>
<a class="mO" href="pages/thezoo.html">the zoo</a>
</div>
<div class="mH"
onclick="toggleMenu('menu2')">COMMERCIAL</div>
<div id="menu2" class="mL">
<a class="mO" href="pages/video.html">video</a>
<a class="mO" href="pages/photography.html">photography</a>
<a class="mO" href="pages/designillustration.html">design & illustration</a>
</div>
<div class="mH"
onclick="toggleMenu('menu3')">TRAVEL</div>
<div id="menu3" class="mL">
<a class="mO" href="pages/tanzania.html">tanzania</a>
</div>
</div>
手风琴菜单的 JS function toggleMenu(objID) {
if (!document.getElementById) return;
var ob = document.getElementById(objID).style;
ob.display = (ob.display == 'block')?'none': 'block';
}
【问题讨论】：
-
为什么要使用 JS 而不是 CSS 来改变悬停？
-
因为 typeface.js 不支持 CSS 中的悬停。我使用 typeface.js（用于渲染文本，请查看：typeface.neocracy.org）。使用 typeface.js，我的字体兼容并且在所有浏览器中看起来都一样——这不仅仅是在 googlefonts 上“链接”到它的情况，然后字体会随着不同的浏览器而改变。
-
查看此链接：stackoverflow.com/questions/14399484/… 以查看正确向网页添加字体的热点。你也应该用谷歌搜索
font-face来检查它应该如何完成。 -
@bumerang - 这需要用户从我的网站“下载”字体，不是吗？ typeface.js 就像用户已经安装了字体一样工作。但热点提示，我一定会检查出来的！
-
你下载字体是对的，但它就像下载
CSS文件一样透明，所以用户不知道。但是当您使用 JavaScript 字体时，它必须： 1. 下载 JavaScript 主文件和字体文件（可以比普通字体文件更大） 2. 检查内容是否有更改的地方； 3.替换选中的内容
标签： javascript hyperlink hover