鼠标悬停图像更改答案

【问题标题】：Mouseover image change鼠标悬停图像更改
【发布时间】：2015-07-10 12:52:02
【问题描述】：

我正在尝试在鼠标悬停时更改模糊图像。当放大其他东西时，像相机放大和缩小某些东西会变得模糊。理解我想要的最好方法是在这里看到它： http://berger.co.rs/test/test.html

我只有一个问题。鼠标悬停图像始终位于活动图像的后面。我只需要活动图像，并且在应用鼠标悬停时，然后更改图像。另外，我不希望活动图像完全消失，然后加载鼠标悬停图像。我需要它就像上面的例子一样，只是不要让鼠标悬停图像一直显示在后面。

您可以在页面源代码中看到我的整个代码。

你能帮帮我吗？

【问题讨论】：

请重新表述...你的问题很混乱
请查看示例站点。有 2 个图像，一个在另一个之上。我只需要图像 1（活动图像）淡出，图像 2 淡出图像 1。目前的情况是：图像 2 在图像 1 后面，鼠标悬停时图像 1 淡出，图像 2 就在那里。在 mouseOut 图像 1 再次淡入，但图像 2 根本没有消失。我想要同样的效果，只有图像 2 在鼠标移出时淡出。
我有。仍然令人困惑。
对不起，不知道进入帖子评论。 :)
你能展示一些你正在使用的代码吗？

标签： image mouseover fadein fadeout

【解决方案1】：

首先欢迎使用 Stackoverflow，作为新用户，请阅读本指南，以便更好地提问并获得更好更快的答案：

https://stackoverflow.com/help/how-to-ask

请避免在 cmets 上使用代码。如果有人要求您提供其他代码，请将其包含在问题中。

现在答案是：

问题在于您没有提供 Jquery 以使 $() 命令正常工作。 “alturl.com/bcfhv”不正确。

在这里，把它存档，它正在工作：

<html>
<body>
<style>
    div{ 
        position:relative; 
        width:714px; 
        height:420; 
        overflow:hidden; 
    } 
    span { 
        position:absolute; 
        top:0px; 
        left:-0px; 
    } 
</style>
<div> 
    <img src="http://berger.co.rs/test/img/mouseover.png" width="714" height="421"/> 
    <span> 
        <img src="http://berger.co.rs/test/img/active.png" width="714" height="421"/> 
    </span> 
</div>

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
    $(document).ready(function() { 
        alert('ok')
        $("div").hover(function() { 
            $("span").fadeIn(); 
        }, function() { 
            $("span").fadeOut(); 
        }); 
    })
</script>

</body>
</html>

或者看到它工作here

【讨论】：

感谢您的回答。这个例子仍然没有按我的意愿工作。但是非常感谢您抽出宝贵时间。