我已经为此苦干了好几个小时了。当我将鼠标悬停(而不是点击)在段落中的某个单词上时,我需要一个灯箱弹出。我一直在尝试不同的jquery插件,但除非我将单词作为链接并单击它,否则它们都不起作用。
我有这样的东西
<p>I am a yellow dog, drinking a spotted cow.<p>
当我将鼠标悬停在单词" dog“上时,会出现一个灯箱,其中显示一只狗的图片,直到我离开这个单词。当我将鼠标悬停在“牛”上时,一个灯箱中会出现一只牛的图像,直到我的鼠标不再停留在“牛”这个词上。
我有几个很接近的按钮。当悬停在他们身上时,他们的孩子就会弹出来,当悬停完成时,效果就消失了。
问题在于css (:悬浮)我无法防止紧张状态。因此,我尝试使用mouseenter和mouseleave,并使用stopPropagation函数来防止在子触发器父eventListener上出现不必要的悬停时的紧张状态。
但是它不起作用,我检查了其他的答案,但不知道我的问题是什么
以下是我在>> 上的完整代码链接
var el = document.querySelectorAll('#slideShow_control a');
var slideShow_c