在js和css中都是一样的

any same way in js as I have in css?

本文关键字：一样 js css      更新时间：2023-09-26

我试图找到同样的东西，但还没有找到它。(我找了好几个小时。)

我有一条悬停的领带，它可以变成一个大方块。(见链接看我说了什么:http://rdv-design.com/stageverslag2/home.html

不同的是，我想要的是，当我悬停领带和正方形出来，正方形不会消失，当我把鼠标放在上面的div。但是，当我把鼠标放在悬停的领带(正方形)的框外时，我希望它消失。

有人知道吗?

谢谢!

在showdiv.js中，您得到了这个:

$(function() {
    $('.vierkant').hover(
        function() { 
            $('#tekst').show(); 
        } else { 
            $('#tekst').hide(); 
        }
    );
});

这是无效的，else不是if的一部分。我认为你应该做的是:

$('.vierkant').hover(function() { $('#tekst').show(); },
                     function() { $('#tekst').hide(); });

对.hover()的调用使用两个函数，一个用于鼠标进入时(show)，另一个用于鼠标离开时(hide)。一旦这样做了，悬停事件将被相应地处理。

参见:.hover()的jQuery API。

edit:也有.childen() jQuery选择器可能会有所帮助。虽然我相信悬停功能也应该适用于.vierkant的孩子，你也可能希望这样做:

$('.vierkant').children().hover(function() { $('#tekst').show(); },
                                function() { $('#tekst').hide(); });

假设#tekst块中的内容实际上是子节点

相关文章：