使用JavaScript更改多个链接的文本（onMouseOver）

Question

我有多个链接，每个链接都嵌入在自己的列表项中，如下所示：

<ul id="topLinks">
    <li><a href="#">Link 1</a></li>
    ...
    <li><a href="#">Link 4</a></li>
</ul>

我想要做的是，当用户将鼠标悬停在链接上时，会将破折号添加到链接文本中。例如，当鼠标滚过“链接1”时，它变为“-Link 1-”，当光标不再超过该链接时返回到正常状态 - 仅保留其他链接（直到用户将光标移过各个链接）。

我已经尝试过为自己编写一些自己的脚本，但我仍然是JavaScript的新手，所以我有点迷茫。哦，顺便说一句，我为没有现场例子而道歉，我现在在我的LocalHost工作......

Answer 1

事实上，您可以将:after和:before CSS选择器与:hover：http://jsfiddle.net/pimvdb/p9Qfu/结合使用。它比在JavaScript中更简单，更快速。

li:hover:before {
    content: "-";
}

li:hover:after {
    content: "-";
}

Answer 2

如果您愿意使用jQuery，那么这将有效：http://jsfiddle.net/MrrZs/如果没有，我可以为您尝试别的。