所以我有一个带有3个圆圈和一个jquery滑块的导航。
默认情况下，第一个圆圈会亮起，当用户点击第二个圆圈时，滑块会移动到第二个div，然后该圆圈会亮起，第一个圆圈会变暗。这与第3个圆圈的工作方式相同。
一切正常，这就是代码的样子
<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吗？因此，当onmouseout被触发时，要将其更改回来，它将始终是一个暗淡的圆圈，即使该圆圈之前已被点亮。
所以我的基本问题是，有没有办法让它记住图像的src，然后在onmouseover上更改它然后使用它来使其恢复到onmouseout被触发时的先前状态，我希望这是有意义的：）
任何建议都会有所帮助！
答案 0 :(得分：2)
您可以尝试添加自定义属性来扩展类，或创建自己的JavaScript对象，该对象将存储当前和目标图像（或基本，活动和悬停），然后将其绑定到主脚本中。将JS从本地事件中移出并使用像prototype.js或jquery这样的库挂钩事件可能会大大简化你的逻辑（虽然这有点过分 - 可能在其他地方有用！）