CSS是網頁設計中常用的樣式表語言，其中的hover選擇器可以用來實現鼠標懸停時的效果。在導航欄中，我們可以通過hover來顯示某個圖片。

/*HTML代碼*/
<nav><ul><li><a href="#">菜單1</a></li><li><a href="#">菜單2</a></li><li><a href="#">菜單3</a></li><li><a href="#">菜單4</a></li></ul><img src="hover圖片鏈接" alt="" class="hover-img"></nav>/*CSS代碼*/
nav ul li{
display:inline-block;
margin-right:20px;
}
.hover-img{
display:none;
position:absolute;
top:50px;
left:0;
}
nav a:hover + .hover-img{
display:block;
}

首先，我們在nav標簽內添加一個img標簽，并給它一個類名“hover-img”。然后在CSS中，我們設置它的display為none，即在一開始時先不要顯示。

接著，我們設置hover所在的a標簽后面的.hover-img的display為block，即鼠標懸停在a標簽上時顯示這個圖片。為了讓圖片定位在導航欄下方，我們還需要加上position:absolut和top屬性。

通過這樣的代碼編寫，我們可以實現在導航欄鼠標懸停時顯示圖片的效果。