Question

对于学校项目，我们已被指派建立一个网站展示我们最近的停止动议。我相处得很好但是我遇到了一个问题。我想知道如何在悬停另一个图像时显示图像。我已将两个选定的图像放入其中，其中一个在使用webkit转换进行悬停时变为彩色，并且与另一个进行淡入淡出。但是我希望淡入的图像与另一个图像相关联，这样当鼠标悬停在从灰度变为彩色的图像上时，另一个图像会随之淡入。需要答案尽快。欢呼声。

Answer 1

如果你只想隐藏，这里是没有jQuery的解决方案，你可以在这里查看它：http://jsfiddle.net/wDVUd/

HTML：

<img id="imageToHover" src = "http://farm4.static.flickr.com/3187/2663569943_42ec767f27_m.jpg" alt="hover me"/>

<img id="imageToShow" src = "http://farm4.static.flickr.com/3118/2918431127_ae33f59953_m.jpg" alt="image to show"/>

CSS：

#imageToShow
{
    display: none;
}

JS：

document.getElementById('imageToHover').onmouseover = function() {
    document.getElementById('imageToShow').style.display = 'inline';   
}

document.getElementById('imageToHover').onmouseout = function() {
   document.getElementById('imageToShow').style.display = 'none';   
}

Answer 2

你想要这样的东西.. follow link

$('.div1 li').hover(function(){
   var imgID = $(this).find('a').attr('href');
   $(imgID).fadeIn();
});

如何使图像出现在另一张图像的悬停上？

2 个答案: