画像がホバーされたときに非表示のdivを表示する処理を行う次のスクリプトがあります。ただし、非表示の div に多くのテキストがある場合は、下にスクロールして表示する必要があります。マウスオーバーから離れるとすぐにテキストが消えます。
次の画像がホバーされるまで、またはテキストがマウスクリックで留まるまで、テキストを留まらせる方法はありますか? スクリプトの最初の部分をマウスクリックに変更しましたが、うまくいきませんでした。
助けてくれて本当にありがとうございます。
<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>