小编use*_*793的帖子

嗨,我在下面使用这个脚本.

<script>
$(document).ready(function() {

    $(".btn-slide").hover(function() {
        $("#panel").slideDown(500);
    });


    $("#loginstuff").mouseleave(function() {
        $("#panel").slideUp(500);
    });
});
</script>

当您将鼠标悬停在链接上时,它会创建一个框.

现在CSS就像这样:

#panel {
    display:none;
    margin:80px 0 0 0;
    width:180px;
    background:#000;
    border-radius:5px;
    padding:7px;
    color:#fff;
    font-family:arial;
    font-size:11px;
    display:block;
    word-spacing: 0px;
    z-index:9999;
}

它假设隐藏了面板div,并且脚本假设在悬停时显示div.

唯一的问题是div仍然显示在页面加载,任何人都可以帮我解决这个问题.