HTML标准中已经废弃的<marquee>标签

HTML标准中已经废弃的<marquee>标签

参考文章:

https://developer.mozilla.org/en/docs/Web/HTML/Element/marquee
https://en.wikipedia.org/wiki/Marquee_element

注意:<marquee>在HTML和HTML5中都属于废弃的特性,建议不要使用这个标签
参考
https://html.spec.whatwg.org/multipage/obsolete.html#the-marquee-element-2
http://www.w3.org/TR/html5/obsolete.html#the-marquee-element-0

<marquee>目前在很多浏览器中都支持的滚动文字效果,但是这个标签在w3school中找不到,并且在WebStorm中对这个标签没有提示,但是DW对这个标签的提示支持的相当好。
这个标签首先在早期的IE版本中加进来,后来逐渐被其他浏览器支持,W3C的建议是不使用它。

概述
<marquee>标签的作用是在一个区域插入滚动的文本。
常用属性
behavior
可用的值为scroll(滚动)、slide(滑动)、alternate(改变,类似于光学的反射路径),如果没有指定值,默认是scroll
bgcolor
设置背景色,可以为指定的单词或RGB
direction
设置方向,可用的值为left、right、up、down,如果没有指定值,默认是left
height
设置高度,可以为像素值或百分比
width
设置高度,可以为像素值或百分比
其余属性请参考上面给出的几个链接


参考示例:

<marquee>这是默认向左循环滚动的文本</marquee>

<marquee behavior="slide">这是滚动到另一端后停止的文本</marquee>
<marquee behavior="alternate">这是滚动到另一端后反向运动的文本</marquee>

<marquee direction="right">这是向右滚动的文本</marquee>
<marquee direction="up">这是向上滚动的文本</marquee>


<!-- 下面定义了一个上下左右循环运动的文字,外层定义的上下循环运动,内层定义的是左右循环运动style 定义边框的样式,如border:solid,border: dotted-->
<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
    <marquee behavior="alternate">
        这个文本会反弹哦
    </marquee>
</marquee>


由于<marquee>在标准中属于已经废弃的标签,建议使用JS实现,这个网上有很多,这里就不列举了。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值