Javascript onmouseout事件_Javascript_Onmouseout

Javascript onmouseout事件

javascript

Javascript onmouseout事件,javascript,onmouseout,Javascript,Onmouseout,我有一个带3个圆圈的导航，还有一个jquery滑块默认情况下，第一个圆圈点亮，当用户单击第二个圆圈时，滑块移动到第二个div，然后该圆圈点亮，第一个圆圈变暗。这与第三个圆圈的工作方式相同一切正常，这就是代码的样子我的下一个任务是给圆添加悬停效果，但是当我给它悬停效果时，它会改变图像的src，对吗？因此，当onmouseout被触发时，要将其更改回原来的状态，它将始终是一个暗淡的圆圈，即使该圆圈先前已点亮所以我的基本问题是，在onmouseover更改图像之前，它有没有办法

我有一个带3个圆圈的导航，还有一个jquery滑块

默认情况下，第一个圆圈点亮，当用户单击第二个圆圈时，滑块移动到第二个div，然后该圆圈点亮，第一个圆圈变暗。这与第三个圆圈的工作方式相同

一切正常，这就是代码的样子

我的下一个任务是给圆添加悬停效果，但是当我给它悬停效果时，它会改变图像的src，对吗？因此，当onmouseout被触发时，要将其更改回原来的状态，它将始终是一个暗淡的圆圈，即使该圆圈先前已点亮

所以我的基本问题是，在onmouseover更改图像之前，它有没有办法记住图像的src，然后在触发onmouseout时使用它将图像恢复到以前的状态，我希望这是有意义的：）

任何建议都会有帮助

您可以尝试添加自定义属性来扩展该类，或者创建自己的JavaScript对象来存储当前图像和目标图像（或基本图像、活动图像和悬停图像），然后将其绑定到主脚本中。如果将JS从本地事件中移出，并使用类似or的库钩住事件，可能会大大简化您的逻辑（尽管这有些过分，在其他地方可能有用！）

谢谢您的输入，我想我可以尝试添加一些css属性，至少给圆一个边框，或者甚至更改它的背景图像，如果有人想知道我是如何做到这一点的，我使用了hover jquery函数，基本上在圆圈的顶部创建了一个div，将div隐藏在document.ready中，然后在hover上显示它们，然后在mouse out上再次隐藏