鼠标悬停弹出下拉菜单

来源:互联网 发布:手机朗读软件 编辑:程序博客网 时间:2024/05/17 02:34

html

<div class="artworkMemu">
        
 </div>


css

/*菜单*/
.artworkMemu{position:absolute;width:100%;height:590px;background-color:rgba(35, 33, 31, 0.60);z-index:100;display:none;}


js

 $(".artworkMouseCover").mouseover(function () {
        $(".artworkMemu").slideDown(500);
    });
    $(".artworkMemu").mouseleave(function () {
        $(".artworkMemu").slideUp(500);
    });

0 0