Question

我有一个jquery登录下拉列表

我使用此代码显示登录<div>：

$(document).ready(function() {
    $('.vv2').hover(function() {
        $('#boxa').slideDown('slow');                                                 
    });
});

如果用户离开登录区域，我想知道如何再次隐藏它。

这里的代码 http://www.sprnt.net/sprnt/

左上角屏幕中的第一个按钮

Answer 1

试试这个：

$(document).ready(function(){
    $('.vv2').hover(function(){
      $('#boxa').slideDown('slow');                                                 
    }, function(){
      $('#boxa').slideUp('slow');
    });

});

使用悬停时，您可以传递2个函数，第一个用于mouseOver，第二个用于mouseOut。

Answer 2

$(document).ready(function(){
        $('.vv2').mouseout(function(){
            $('#boxa').slideUp('slow');                                                 
        });
});

Answer 3

ref：Hover非常容易处理鼠标移动 jQuery slide Up和jQuery slide Down

Answer 4

$(document).ready(function() {
    $('.vv2').hover(
    function() {
        $('#boxa').slideDown('slow');                                                 
    },
    function() {
        $('#boxa').slideUp('slow');                                                 
    }
);
});

只想告诉，悬停事件需要两个功能。见jquery Docs

如何使用jquery执行此下拉列表

4 个答案: