鼠标移动上去显示弹窗，移开则关闭

1.页面效果

2. html代码

<span data-value="#(course.viewCount ??)" 
       onmouseout="viewOut()" onmouseover="viewCount('#(course.id ??)')"
       class="float-right viewCount-#(course.id ??)">

       <i class="bi bi-eye"></i>
       #(course.learnCount ??)

</span>

3. js代码

<script>

    layui.use(["layer"],function (){
        var layer = layui.layer;
        var $ = layui.$;

    })
    //鼠标移上去时弹窗
    function viewCount(id){
        let value = $(".viewCount-"+id).attr("data-value");

        layer.tips('预览人数'+value, '.viewCount-'+id, {
            tips: [1, '#666666'] ,
        });
    }
    //鼠标移开时关闭弹窗
    function viewOut(){
        layer.closeAll();
        return false;
    }

</script>