html - 将鼠标悬停更改为鼠标单击

Question

我有以下脚本可以在图像悬停时显示隐藏的 div。但是，当我在隐藏的 div 中有很多文本时，我需要向下滚动才能查看，一旦我离开鼠标悬停 img，文本就会消失。

有没有一种方法可以让文本保持到下一个图像悬停在鼠标上或通过鼠标单击保持文本？我将脚本的第一部分更改为 mouseclick，但没有运气。

非常感谢您的帮助。

<div onmouseover="document.getElementById('pop-up-box1').style.display = 'block';" onmouseout="document.getElementById('pop-up-box1').style.display = 'none';">
    <div id="pop-up-trigger1">
       <img onmouseover="this.src='http://griffithsandpartners.com.gridhosted.co.uk/wp-content/uploads/2013/07/Services-banking-black.png';" onmouseout="this.src='http://griffithsandpartners.com.gridhosted.co.uk/wp-content/uploads/2013/07/Services-banking-White.png';" alt="" src="http://griffithsandpartners.com.gridhosted.co.uk/wp-content/uploads/2013/07/Services-banking-White.png" />
    </div>
</div>

Answer 1

好的。

已经找到了。这只是“点击”！