小编Kie*_*fer的帖子

在我目前正在构建的网站上，我有 5 个外部链接，通过鼠标悬停，链接到 facebook、twitter、youtube 等社交网站。这些链接有一个白色社交网络徽标的小图像 (15 像素 x 15 像素)，然后用白色文字写出名字。我正在使用 javascript 将 img src 更改为徽标的彩色版本，并将文本的颜色更改为浅蓝色。文字颜色立即改变，但图像有轻微的滞后，尤其是 Facebook 徽标。

我的鼠标悬停 JavaScript 代码是：

function FacebookMO(Type) {
    if (Type == "Off") document.getElementById('Facebook').style.color = "#FFF", document.getElementById("FacebookLogo").src = "Images/Social/Facebook Logo W.png";
    if (Type == "Over") document.getElementById('Facebook').style.color = "#3B5998", document.getElementById("FacebookLogo").src = "Images/Social/Facebook Logo B.png";
    if (Type == "Clicked") document.getElementById('Facebook').style.color = "#141e33"; }

其他 4 个链接的代码是相同的，除了 facebook 的相关链接/文本/img 已更改。这是 html 的所有相关代码；

<a href="http://www.facebook.com/WrecRecords" class="bar3" id="Facebook"
onmouseout="FacebookMO('Off')" onmouseover="FacebookMO('Over')" onmousedown="FacebookMO('Clicked')"
onmouseup="FacebookMO('Over')" style="padding-left:10px;"><img class="padr5" id="FacebookLogo"
src="Images/Social/Facebook Logo W.png" style="height:15px; width:15px;"/>Facebook</a>

还有CSS； …