无缝连接相片跑马灯,悬停和鼠标离开播放、监听该区域在可视区域才播放

html:


css:

.staff-scorll {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-top: 30px;
        .marquee-list {
            display: flex;
            .img-box {
                margin-right: 24px;
                .img {
                    width: auto;
                    height: auto;
                }
            }
        }
    }

你可能感兴趣的:(windows,javascript,前端)