用原生JS实现maquee上下滚动公告效果

最新推荐文章于 2024-08-09 14:39:44 发布

原创

最新推荐文章于 2024-08-09 14:39:44 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#滚动 #maquee

用原生JS实现maquee

<!DOCTYPE HTML>
<html>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

<head>
    <style type="text/css">
        ul{
    
    
            /*不要margin否则滚动 会有缝隙*/
            margin:0;
        }
        div {
    
    
            /*overflow hidden·否则无法盖住下面的内容*/
            overflow: hidden;
            width: 75px;
            height: 100px;
            margin-left: 29%;
            margin-top: 10%;
            background: aqua;
            border