前端开发新闻动态滚动效果实现

济宁招聘前端开发
前端开发应届生招聘信息
前端开发专家招聘

html 代码

<!DOCTYPE html>
<html lang=”en”>
    <head>
        <meta charset=”UTF-8″ />
        <title>Document</title>
        <style>
            ul {
                height: 24px;
                overflow: hidden;
            }
            li {
                height: 24px;
                line-height: 24px;
            }
        </style>
    </head>
    <body>
        <ul>
            <li>新闻内容一</li>
            <li>新闻内容二</li>
            <li>333333333</li>
        </ul>
        <script src=”https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js”></script>
        <script>
            $(function() {
                clearInterval(timer)
                var timer = setInterval(function() {
                    var list = $(‘ul li’).first()
                    $(‘ul’).append(list)
                }, 2000)
            })
        </script>
    </body>
</html>
荆州web前端开发招聘
西安web前端开发招聘
长阳web前端开发招聘
» 本文来自:前端开发者 » 《前端开发新闻动态滚动效果实现》
» 本文链接地址:https://www.rokub.com/7296.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!