鼠标悬停图像变化

问题描述 投票:0回答:1

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

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

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

你能帮我吗?

image mouseover fadein fadeout
1个回答
0
投票

问题只是你没有为 $() 命令提供 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>

或者查看它的工作原理这里

© www.soinside.com 2019 - 2024. All rights reserved.