【发布时间】：2013-07-15 17:15:37
【问题描述】：
我有以下脚本可以在图像悬停时显示隐藏的 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>
【问题讨论】：
-
欢迎来到 SO，请出示您的脚本和 html
-
我建议你在鼠标点击而不是鼠标悬停时显示隐藏的 div
-
@Lyndsay 我们可以使用 jQuery 吗？
-
鼠标点击的代码是什么？我试过鼠标点击，没有运气。