您的位置:首页 > 产品设计 > UI/UE

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

2015-09-30 13:22 981 查看
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实现,这个网上有很多,这里就不列举了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: