CSS鼠標移動時顯示圖片是一種常見的web頁面交互效果。當用戶的鼠標懸停在一個元素上時，圖片就會出現(xiàn)。這是通過CSS的:hover偽類來實現(xiàn)的，下面是一個簡單的示例：

img {
display: none;
}
div:hover img {
display: inline;
}

首先，我們用CSS將圖片的display屬性設(shè)置為none，這樣圖片就不會顯示在頁面上。接著，我們使用:hover偽類來找到用戶懸停的元素，并將這個元素內(nèi)部的img標簽的display屬性設(shè)置為inline。這樣，當用戶將鼠標懸停在這個元素上時，圖片就會顯示。

這種基本的實現(xiàn)方式可以應(yīng)用于各種場景，例如在圖庫中瀏覽圖片、制作導(dǎo)航條或者在表單中顯示提示信息等等。在實際開發(fā)中，我們可以采用一些額外的技巧來使效果更好。例如，在圖片出現(xiàn)時加入動畫效果、調(diào)整鼠標移動的靈敏度、處理兼容性問題等等。

需要注意的是，這種效果只是在瀏覽器中實現(xiàn)的。如果用戶關(guān)閉了瀏覽器的JS功能，則無法看到這種效果。