From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/html/element/marquee/index.html | 209 ++++++++++++++++++++++++ 1 file changed, 209 insertions(+) create mode 100644 files/zh-cn/web/html/element/marquee/index.html (limited to 'files/zh-cn/web/html/element/marquee') diff --git a/files/zh-cn/web/html/element/marquee/index.html b/files/zh-cn/web/html/element/marquee/index.html new file mode 100644 index 0000000000..c604b26c7b --- /dev/null +++ b/files/zh-cn/web/html/element/marquee/index.html @@ -0,0 +1,209 @@ +--- +title: +slug: Web/HTML/Element/marquee +tags: + - marquee +translation_of: Web/HTML/Element/marquee +--- +
{{HTMLRef}}
+ +
{{obsolete_header}}
+ +

HTML marquee 元素（<marquee>） 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。

+ +
+

 <marquee> 元素已经 过时，请不要再使用。尽管一些浏览器仍然支持它，但它不是必须的。此外，使用这个元素基本上是你可以对你的用户做最糟糕的事情之一，所以请不要这样做。

+
+ +

属性

+ +
+
{{htmlattrdef("behavior")}}
+
设置文本在 marquee 元素内如何滚动。可选值有 scroll，slide 和 alternate。 如果未指定值，默认值为 scroll。
+
{{htmlattrdef("bgcolor")}}
+
通过颜色名称或十六进制值设置背景颜色。
+
{{htmlattrdef("direction")}}
+
设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值，默认值为 left。
+
{{htmlattrdef("height")}}
+
以像素或百分比值设置高度。
+
{{htmlattrdef("hspace")}}
+
设置水平边距。
+
{{htmlattrdef("loop")}}
+
设置 marquee 滚动的次数。如果未指定值，默认值为 −1，表示 marquee 将连续滚动.
+
{{htmlattrdef("scrollamount")}}
+
设置每次滚动时移动的长度（以像素为单位）。默认值为 6。
+
{{htmlattrdef("scrolldelay")}}
+
设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。请注意， 除非指定 truespeed 值，否则将忽略任何小于 60 的值，并改为使用 60。
+
{{htmlattrdef("truespeed")}}
+
默认情况下，会忽略小于60的scrolldelay值。如果存在truespeed，那些值不会被忽略。
+
{{htmlattrdef("vspace")}}
+
以像素或百分比值设置垂直边距。
+
{{htmlattrdef("width")}}
+
以像素或百分比值设置宽度。
+
+ +

事件回调

+ +
+
{{htmlattrdef("onbounce")}}
+
当 marquee 滚动到结尾时触发。它只能在 behavior 属性设置为 alternate 时触发。
+
{{htmlattrdef("onfinish")}}
+
当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发。
+
{{htmlattrdef("onstart")}}
+
当 marquee 开始滚动时触发。
+
+ +

方法

+ +
+
start
+
开始滚动 marquee。
+
stop
+
停止滚动 marquee。
+
+ +

示例

+ +
<marquee>This text will scroll from right to left</marquee>
+
+<marquee direction="up">This text will scroll from bottom to top</marquee>
+
+<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
+  <marquee behavior="alternate">
+    This text will bounce
+  </marquee>
+</marquee>
+ +

{{EmbedLiveSample("Examples", 600, 450)}}

+ +

规范

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'obsolete.html#the-marquee-element-2', '<marquee>')}}{{Spec2('HTML WHATWG')}}Make it obsolete in favor of CSS but define its expected behavior, for backward compatibility.
{{SpecName('HTML5 W3C', 'obsolete.html#the-marquee-element-0', '<marquee>')}}{{Spec2('HTML5 W3C')}}Make it obsolete in favor of CSS but define its expected behavior, for backward compatibility.
+ +

浏览器兼容性

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.0{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.0")}}2.07.21.2
truespeed attribute{{CompatNo}}{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.9")}}4.0{{CompatNo}}{{CompatNo}}
hspace/vspace attribute{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.9")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
loop attribute{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.9")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile("1.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
truespeed attribute{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile("1.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
hspace/vspace attribute{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile("1.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
loop attribute{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile("1.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
-- cgit v1.2.3-54-g00ecf