更改多個鏈接的使用JavaScript（的onMouseOver）文本

Question

我有多個環節，每個嵌入在自己的列表項，像這樣：

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

我想這樣做，當用戶徘徊在鏈接上，破折號會添加到鏈接文本中。例如，當鼠標滑過「鏈接1」時，它會變成「鏈接1-」，並且當光標不再位於該鏈接上時恢復正常 - 將其他鏈接單獨留下（直到用戶將光標移到其上方各自的鏈接）。

我已經試過爲自己編寫幾個腳本，但是我對JavaScript仍然很陌生，所以我很失落。哦，順便說一下，我對沒有一個活生生的例子道歉，林在我的本地工作的時刻...

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/如果沒有，我可以試着給你別的東西。