美文网首页
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>
    

    相关文章

      网友评论

          本文标题:marquee快速实现文字滚动

          本文链接:https://www.haomeiwen.com/subject/dhkckctx.html