0

嘿伙计们，我是新来的，我想在我的网站上做点什么，我有一个 div，我希望当人们用鼠标悬停它时，它会将其中的图像更改为另一个图像。我找到了这个http://jsfiddle.net/EXNZr/1/但它只在我悬停图像时才有效，当我悬停 div 时如何让它改变？提前致谢，抱歉英语不好

<div id="content"><img id="changeonhover" src="../test/images/yes.png"></div>

这是我的代码，我希望当人们将鼠标悬停在“内容”上时，“changeonhover”中的图像会变成 no.gif

4

4 回答 4

0

试试这个：http: //jsfiddle.net/Ry8E4/

$(document).ready(function()
{
    $("#theDiv").hover(
        function()
        {
            $("#imgDino").attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");
        },
        function()
        {
            $("#imgDino").attr("src", "http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870");
        }                         
    );                  
});​
于 2012-07-28T01:12:59.307 回答
0

http://jsfiddle.net/EXNZr/54/

您只需将悬停事件处理程序应用于父 div 并使用 .find(); 更改图像标签的 src；

参考：

http://api.jquery.com/find/

于 2012-07-28T01:13:14.377 回答
0 
$(document).ready(function() {
    $("#content").hover(
        function()
        {
            $('#changeonhover', this).attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");
        },
        function()
        {
            $('#changeonhover', this).attr("src", "http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870");
        }                         
    );                  
});

调用事件 on#content而不是 on #changehover。

于 2012-07-28T01:13:32.780 回答
0

不得不告诉您，如果您将<img>标签更改为<div>带有背景图像，则可以纯粹使用 CSS 来完成

于 2012-07-28T01:14:07.400 回答