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="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>

完成！

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

相关推荐