美文网首页
marquee快速实现文字滚动

marquee快速实现文字滚动

作者: TianTongBo | 来源:发表于2019-07-10 10:39 被阅读0次

想要更详细的资料戳原文[https://blog.csdn.net/imust_can/article/details/6957969]
marquee 已经被废弃,不推荐使用
下面来讲讲它的属性

  • direction:left ,right , up,down 依次是从 右->左,左->右,下->上,上->下,
<marquee       direction = "down">
          我是滚动文字[控制方向]                  
</marquee>
  • align:top,bottom,middle....控制对齐方式
<marquee       align = "middle">
          我是滚动文字                  
</marquee>
  • behavior:scroll,slide,alternate 依次是循环滚动,只滚动一次,来回滚动
<marquee       behavior="scroll">
          我是滚动文字                  
</marquee>
  • scrollamount:number 设置是数值
<marquee       scrollamount = 10>
          我是滚动文字                  
</marquee>
  • scrolldelay:nummber 设置滚动时间间隔
<marquee       scrolldelay = 500>
          我是滚动文字                  
</marquee>
  • loop: number 不填为无限循环滚动。
<marquee       loop = 3>
          我是滚动文字       (滚动三次停止)           
</marquee>
  • 统一介绍
 <marquee  hspace="60"  vspace="20"    height="100%"    onmouseover="this.stop()" onmouseout="this.start()"   >
             hspace(左右边距)  ;vspace(上下边距)
             onmouseover="this.stop()"    鼠标移动到元素上停止滚动
             onmouseout="this.start()"      移除继续滚动
 </marquee>

相关文章