添加鏈接懸停顏色與JavaScript而不是css

我使用typeface.js爲我的網站上的幾行文字，因爲我有一些問題得到所需的字體在所有瀏覽器中工作。使用這個常規的a：懸停或類似的CSS是無效的，但我設法刪除下劃線。添加鏈接懸停顏色與JavaScript而不是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'; }

來源

2013-02-24 Fred B.

爲什麼你要使用JS而不是CSS來改變懸停？ – 2013-02-24 17:39:45

因爲typeface.js不支持在CSS中懸停。我使用typeface.js（用於呈現文本，請查看：http://typeface.neocracy.org/）。使用typeface.js我的字體兼容，並且在所有瀏覽器中看起來都是一樣的 - 這不是僅僅在googlefonts上「鏈接」它的情況，然後字體隨不同的瀏覽器而改變。 – 2013-02-24 18:34:37

看看這個鏈接：http://stackoverflow.com/questions/14399484/how-to-render-segoe-ui-font-in-different-navigators-and-oss/14475188#14475188看到熱點來正確添加字體到網頁。您還應該使用Google for'font-face'來檢查應該如何完成。 – bumerang 2013-02-24 18:47:10

這個問題已經解答的問題本身，但也有其他的工作更好的解決方案。我只是不知道他們。

使用font-face結束，因爲@boomerang評論過上面的內容。

來源

2013-04-03 14:30:27

添加鏈接懸停顏色與JavaScript而不是css

回答

相關問題