用JavaScript写一个滚动无序列表

xue，，，

已于 2023-06-03 08:59:37 修改

阅读量194

点赞数

文章标签： javascript 开发语言 ecmascript

于 2023-06-03 08:40:22 首次发布

本文链接：https://blog.csdn.net/weixin_75141231/article/details/131017349

版权

<!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>

    .containner {

width: 1000px;

height: 300px;

line-height: 1.5;

background-color:rgb(85, 189, 218) ;

text-align:center;

margin: auto;

}

</style>



</head>

<link rel="stylesheet" type="text/css" href="css/layout.css">



<body>

 <div class="containner">

        <div class="tite"></div>

            <div class="banner" >

            <ul id="qh">

                <li> Welcome</li>

                <li> 生活明朗，万物可爱</li>

                <li> 生活原本沉闷，但跑起来就有风</li>

                <li> 吹不出褶的平静日子，也在闪光</li>

                <li> 保持热爱，奔赴山海</li>

                <li> 前路浩浩荡荡，万事尽可期待</li>

                <li> 但行好事，莫问前程</li>

                <li> 去更远的地方，见更亮的光</li>

                <li> 我们的征途是星辰大海</li>

                <li> 做世界的水手，奔赴所有港口</li>

                <li> 来日方长，何惧车遥马慢</li>

            </ul>

            </div>

</body>

<script type="text/javascript">

    function xx() {

        var jh = document.getElementById("qh");

        jh.appendChild(qh.firstChild);

    }

    setInterval("xx()", 1200);

</script>



</html>

xue，，，

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
用JavaScript写一个滚动无序列表

吹不出褶的平静日子，也在闪光前路浩浩荡荡，万事尽可期待做世界的水手，奔赴所有港口去更远的地方，见更亮的光来日方长，何惧车遥马慢我们的征途是星辰大海生活明朗，万物可爱保持热爱，奔赴山海但行好事，莫问前程
复制链接

扫一扫