html之marquee详解

1.该标签是个容器标签
语法:<marquee></marquee>

2.该标签支持的属性多达11个

常用的:
align
设定<marquee>标签内容的对齐方式

behavior
设定滚动的方式:
alternate: 表示在两端之间来回滚动。
scroll: 表示由一端滚动到另一端,会重复。
slide:  表示由一端滚动到另一端,不会重复。

bgcolor
设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。

direction
设定活动字幕的滚动方向
代码如下:
<marquee direction="down">设定活动字幕的滚动方向direction="down":向下</marquee>
<marquee direction="left">设定活动字幕的滚动方向direction="left":向左</marquee>
<marquee direction="right">设定活动字幕的滚动方向direction="right":向右</marquee>
<marquee direction="up">设定活动字幕的滚动方向direction="up":向上</marquee>




loop
设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

hspace
设定活动字幕里所在的位置距离父容器水平边框的距离
vspace
设定活动字幕里所在的位置距离父容器垂直边框的距离

height
width

设定活动字幕的宽度


代码如下:

<ul>
        <marquee behavior="scroll" direction="up" οnmοuseοver="this.stop()" οnmοuseοut="this.Start()" bgcolor="#f000ff" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100">
            
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </marquee>
        
</ul>


效果如图





 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值