更換div懸停（div翻轉）

Question

我有兩個div與不同的數據。我想在盤旋時將其替換爲其他div。

我可以在CSS中做到這一點，但我的數據有圖像和鏈接。所以我用圖像中的CSS我不能把

<a href=""></a>

上的圖像。 我也有4個不同的圖像在潛水。 所以我想，當使用懸停該地區我的第一個div應該被替換爲第二個div。

謝謝

Answer 1

沒有給出所以我假設的例子。

HTML

<div id="div1">Some data</div> 
<div id="div2" style="display:none;">Some other data</div> 

的JavaScript（用jQuery）

$("#div1").on('mouseover', function() { 
    $("#div2").show(); 
    $(this).hide(); 
}); 

這不是測試，因此嘗試一下一個看它是否你想要做什麼。

Answer 2

如果你不想使用javacript，你可以這樣做。

您可以更改div的內容。

.child-one{ 
 
    display : block; 
 
} 
 

 
.child-two{ 
 
    display : none; 
 
} 
 

 
.parent:hover .child-one{ 
 
    display : none 
 
}

<div class="parent"> 
 
    <div class="child-one"> 
 
    text of child one 
 
    </div> 
 
    <div class="child-two"> 
 
    text of child two 
 
    </div> 
 
</div>