请问怎样使鼠标放在第一个图片上时，然后显示第二个图片？

<style type="text/css">
            .imgBox{
                width: 100px;
                height: 100px;
            }
            .imgBox :hover{
                border-radius: 20px;
            }
</style>
<div class='imgBox'>
          <img src="12.jpg" style="width: 100px;height: 100px;">
</div>

手头没有电脑暂时只能提供思路哈，就是在第一张图片中设置鼠标移入事件mouseover然后在事件中去改变第二张图片的display属性为block还是为none