使用javascript而不是css添加链接悬停颜色

时间:2013-02-24 17:36:03

标签: javascript hyperlink hover

我对我网站上的几行文字使用了typeface.js,因为我有一些问题让所需的字体在所有浏览器中都能正常工作。使用这个常规a:悬停或类似的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'; }

1 个答案:

答案 0 :(得分:0)

这个问题本身没有得到解答,但还有其他解决方案可以更好地运作。我只是不认识他们。

使用font-face结束,正如@boomerang在上面评论过的那样。