marquee标签实现列表垂直方向循环滚动（简单有效）

 

实现效果如下：

 

上代码： 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>前端</title>
</head>
<body>
    <div style="width:300px;border:1px solid #e5e55e">
        <marquee behavior="scroll" direction="up" onMouseOver="this.stop()" onMouseOut="this.start()">
        <ul>
            <li>这是滚动文字1</li>
            <li>这是滚动文字2</li>
            <li>这是滚动文字3</li>
            <li>这是滚动文字4</li>
            <li>这是滚动文字5</li>
            <li>这是滚动文字6</li>
        </ul>
    </marquee>
    </div>
</body>
<style>
</style>
</html>

 

 完成！

 

posted @ 2020-11-16 16:33  大白大白白  阅读(555)  评论(0)  编辑  收藏  举报