Javascript onmouseout事件

Question

所以我有一個3圈的導航，和一個jQuery的滑塊。

默認情況下，第一個圓圈點亮，當用戶單擊第二個圓圈時，滑塊移動到第二個div，然後該圓圈點亮，第一個圓圈變暗。這與第三個圓圈的工作方式相同。

一切正常，這是代碼的樣子

<img name="bullet1" height="30px" width="30px" src="img/bulletwhite.png" onmousedown="this.src='img/bulletwhite.png';document.images['bullet2'].src='img/bullet.png';document.images['bullet3'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
<img name="bullet2" height="30px" width="30px" src="img/bullet.png" onmousedown=" this.src='img/bulletwhite.png';document.images['bullet1'].src='img/bullet.png';document.images['bullet3'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
<img name="bullet3" height="30px" width="30px" src="img/bullet.png" onmousedown=" this.src='img/bulletwhite.png';document.images['bullet1'].src='img/bullet.png';document.images['bullet2'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>

我的下一個任務是一個懸停效果添加到圈子裏，但是當我給它懸停效果，它改變了圖像的src權利？因此當觸發鼠標時，要將其改回，它始終是一個昏暗的圓圈，即使圓圈先前已點亮。

所以我的基本問題是，有沒有什麼辦法讓它記住圖像的src之前，onmouseover改變它，然後使用它將它恢復到以前的狀態，當onmouseout被觸發時，我希望這感覺:)

任何意見，將有助於！

Answer 1

您可以嘗試添加自定義屬性來擴展該類，或者創建自己的JavaScript對象來存儲當前和目標圖像（或基本，活動和懸停），然後將其綁定到主腳本中。這可能會簡化你的邏輯，把JS從本地事件中移出來，並使用像prototype.js或jquery這樣的庫掛鉤事件（儘管這是過度殺傷 - 也許在其他地方有用）。