移动标签《marquee》

最新推荐文章于 2024-03-16 12:08:35 发布

慕林溪

最新推荐文章于 2024-03-16 12:08:35 发布

阅读量1k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/SGZ_06_666666/article/details/70319418

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

marquee:实现文本的滚动效果

课用于列表文档的滚动

设置滚动方向：direction="up/down/left/right"

设置滚动方式：behavior=

"scroll表示由一端滚动到另一端，会重复"

"slide表示由一端滚到另一端，不重复"

"alternate来回滚动"

设置滚动字幕的背景颜色：bgcolor="#123456"

设置文本滚动次数：loop="-1表示一直滚下去" 默认值-1

设置文本滚动速度：scrollamount="2"

设置文本滚动延迟时间：scrolldelay="10" 毫秒

常用的两个事件：

οnmοuseοver="this.stop()"鼠标移入文本区时，文本停止滚动

οnmοuseοut="this.start()"鼠标移开文本区，文本继续滚动

<!DOCTYPE >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
  <ul type="disc">
     <li>广州
        <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" οnmοuseοver="this.stop()" οnmοuseοut="this.start()">
            <ul>
               <li>天河</li>
               <li>萝岗</li>
               <li>海珠</li>
            </ul>
         </marquee>
      </li> 
  </ul>
</body>
</html>