• 滚动文字<Marquee></Marquee>标签


    HTML 语言教程

    会移动的文字(Marquee)


    + 基本语法

    <marquee> ... </marquee>

    <marquee>啦啦啦,我会移动耶!</marquee>

    啦啦啦,我会移动耶!

    
    

    +文字移动属性的设置

    方向 <direction=#> #=left, right

    <marquee direction=left>啦啦啦,我从右向左移!</marquee> 
    <marquee direction=right>啦啦啦,我从左向右移!</marquee>

    啦啦啦,我从右向左移!

    啦啦啦,我从左向右移!

    
    

    方式 <bihavior=#> #=scroll, slide, alternate

    <marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> 
    <marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> 
    <marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

    啦啦啦,我一圈一圈绕着走!

    啦啦啦,我只走一次就歇了!

    啦啦啦,我来回走耶!

    
    

    循环 <loop=#> #=次数;若未指定则循环不止(infinite)

    <marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee> 
    <marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee> 
    <marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>

    啦啦啦,我只走 3 趟哟!

    啦啦啦,我只走 3 趟哟!

    啦啦啦,我只走 3 趟哟!

    
    

    速度 <scrollamount=#>

    <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

    啦啦啦,我走得好快哟!

    
    

    延时 <scrolldelay=#>

    <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

    啦啦啦,我走一步,停一停!

    
    

    + 外观(Layout)设置

    对齐方式(Align) <align=#> #=top, middle, bottom

    <font size=6>
    <marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
    </font>
    对齐上沿、中间、下沿。

    啦啦啦,我会移动耶! 对齐上沿。

    啦啦啦,我会移动耶! 对齐中间。

    啦啦啦,我会移动耶! 对齐下沿。

    
    

    底色 <bgcolor=#>

    #=rrggbb 16 进制数码,或者是下列预定义色彩:
    Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
    Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
    <marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>

    啦啦啦,我会移动耶!

    
    

    面积 <height=# width=#>

    <marquee height=40 width=50% bgcolor=aaeeaa>
    啦啦啦,我会移动耶!
    </marquee>

    啦啦啦,我会移动耶!

    
    

    空白(Margins)<hspace=# vspace=#>

    ********************************************<br>
    嗨,
    <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>
    大家好!<br>
    ********************************************

    ********************************************
    嗨, 啦啦啦,我会移动耶! 大家好!
    ********************************************

  • 相关阅读:
    测试模式 windows2008 内部版本7601
    移动端UC /QQ 浏览器的部分私有Meta 属性
    正则表达式 正向预查 负向预查
    获取指定元素的某一个样式属性值
    把普通对象转换成json格式的对象
    求平均数-----类数组转换成数组
    轮播图
    倒计时
    JS 预解释相关理解
    ul ol di三者区别
  • 原文地址:https://www.cnblogs.com/zhicheng/p/3183658.html
Copyright © 2020-2023  润新知