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实现,这个网上有很多,这里就不列举了。