javascript - 如何在鼠标悬停时停止幻灯片放映？

Question

我很抱歉发布之前已经在这里问过几次的东西，但我无法在这些帖子中找到我的答案，非常感谢你的帮助！

在我们的页面上，我们有以下部分，其中在 LHS 上看到的选项/选项卡会自动旋转，在 RHS 上显示其内容（例如，在下图中，Direct TV 选项卡正在 RHS 上显示视频）

我在我的页面上的截图

现在，当用户将鼠标悬停在面板的 RHS 上或在本例中，在视频顶部时，我需要停止/暂停幻灯片放映。现在，即使视频正在播放，标签（在 LHS 上）也会不断变化……这真的很烦人。这是我收到的关于幻灯片的脚本：http: //jsfiddle.net/walahh/6RbYt/

目前我正在为其他一些事情苦苦挣扎，如果有人可以帮助我解决这个问题，我将不胜感激。感谢您的时间和帮助！

score 0 · Accepted Answer

“鼠标”一词在您的 JS Fiddle 代码中没有出现。如果您希望“鼠标悬停”发生某些事情，那么您需要将事件处理程序挂钩到该事件。

在本质上：

$('#RHS').mouseEnter(pauseSlideshow())
         .mouseLeave(unpauseSlideshow());

除了您必须将“#RHS”、“pauseSlideshow”和“unpauseSlideshow”替换为您的实际 ID/方法。

1 回答 1