圖片與jQuery的圖像？

Question

所以，我想把圖像放在圖像上。第二個在角落。 我想用jQuery來做到這一點。

$("#result").on({ 
mouseenter:function(){ 

$("#article").attr("src", "button2.png"); 

}, ".button"); 
}); 

我想，當有人徘徊於文章顯示圖像顯示更

Answer 1

像其他人一樣在說，你可以只用CSS做。要做到這一點，最簡單的方式，我認爲是有一個圖像作爲背景，然後只是有在上面的圖像：

見JSFiddle

HTML：

<div class="image1"> 
    <img src="http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg" class="image2"/> 
</div> 

CSS：

.image1 { 
    width: 650px; 
    height: 433px; 
    background: url("http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg"); 
} 
.image1:hover .image2 { 
    display: block; 
} 
.image2 { 
    display: none; 
    width: 100px; 
    height: 80px; 
} 

====其他解決方案====

如果你有img標籤來做到這一點，你可以使用以下命令：

見JSFiddle

HTML：

<img src="http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg" class="image1"/> 
<img src="http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg" class="image2"/> 

CSS：

.image1 { 
    position: absolute; 
} 
.image1:hover + .image2 { 
    display: block; 
} 
.image2 { 
    display: none; 
    width: 100px; 
    height: 80px; 
    position: absolute; 
    z-index: 100; 
}