JS实现横版无缝滚动广告效果

很困的程序媛

已于 2022-12-29 14:51:16 修改

阅读量1.2k

点赞数

分类专栏： javascript 文章标签： javascript

于 2022-03-28 00:15:16 首次发布

本文链接：https://blog.youkuaiyun.com/m0_67372185/article/details/123785051

版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        *{

            padding: 0;

            margin: 0;

            vertical-align: top;

        }

        #box{

            width: 840px;

            height: 200px;

            outline: 1px solid pink;

            margin: 50px auto;

            overflow: hidden;

        }

        img{

            height: 200px;

            width: 200px;

            border-radius: 10px;

        }

        .content{

            /* width: 100%; */

            height: 200px;

            display: flex;

            outline: 3px solid black;

            overflow: hidden;

            position: re