图片与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; 
}