鼠標(biāo)懸停時(shí)，我們可以利用CSS來(lái)顯示不同的效果。當(dāng)鼠標(biāo)懸停在一個(gè)元素上時(shí)，我們可以選擇在頁(yè)面上顯示另一個(gè)div。以下是具體的代碼示例：

.hover-div{
display:none;
position:absolute;
top:100%;
left:0;
z-index:999;
} 
.parent-div:hover .hover-div{
display:block;
}

上面的代碼將一個(gè)名為.hover-div的元素隱藏起來(lái)，并為它設(shè)置了絕對(duì)定位。當(dāng)鼠標(biāo)懸停在名為.parent-div的元素上時(shí)，.hover-div的display屬性將從none更改為block，從而顯示它。

在實(shí)踐中，我們可以根據(jù)需要在.hover-div中放置其他元素。例如，我們可以在.hover-div中放置一張圖片，從而在鼠標(biāo)懸停時(shí)顯示出來(lái)。以下是一個(gè)具體的代碼示例：

.parent-div{
position:relative;
width:200px;
height:200px;
background-color:#ccc;
}
.hover-div{
display:none;
position:absolute;
top:100%;
left:0;
z-index:999;
background-color:#fff;
padding:10px;
} 
.hover-div img{
width:100%;
}
.parent-div:hover .hover-div{
display:block;
}

上面的代碼演示了當(dāng)鼠標(biāo)懸停在名為.parent-div的元素上時(shí)，.hover-div中的圖片將被顯示出來(lái)。

以上是如何使用CSS實(shí)現(xiàn)鼠標(biāo)懸停時(shí)換div的方法。通過(guò)這種方法，我們可以方便地實(shí)現(xiàn)鼠標(biāo)懸停時(shí)的動(dòng)態(tài)效果。