CSS Marquee

`marquee` 要素型 (HTML, XHTML 1)

[6]

局所名

marquee

開始タグ

必須

終了タグ

必須

内容模型

不明

出現できる文脈

不明

属性

属性名	属性値	既定値	説明	状態	出典
`align`			揃え	非標準
`behavior`			動き	非標準
`bgcolor`	`%Color`		背景色	非標準
`datafld`			データ欄	非標準
`dataformatas`			データ書式	非標準
`datasrc`	`%URI`		データ源	非標準
`direction`			移動方向	非標準
`height`			高さ	非標準
`hspace`			縦余白	非標準
`loop`			繰返し回数	非標準
`scrollamount`			移動量	非標準
`scrolldelay`				非標準
`truespeed`				非標準
`vspace`			横余白	非標準
`width`			幅	非標準

実装

[3] marquee 対応 WWW ブラウザ:

WinIE 2+
Gecko 系ブラウザ (Mozilla Suite, Firefox など)
Opera
JustView
iモード系ブラウザ
KHTML 系ブラウザ (2004年6月13日開発版以降)

[5] WinIE 3.02 未満では、 marquee 内での文字の大きさの変化が反映されないという制限があったり、 a に含めると img のように (下線ではなく) border によって表現されるという仕様だったりしたそうです。

[10] marquee を多用すると、実装によっては動作が極端に遅くなります。

[11] Lynxはmarqueeをbannerと同じとして実装しています。

Lynx Users Guide v2.7.1 http://leb.net/blinux/blynx/Lynx_users_guide.html#23

(名無しさん [sage])

[12] Lynxはmarqueeをbannerと同じとして実装しています。

Lynx Users Guide v2.7.1 http://leb.net/blinux/blynx/Lynx_users_guide.html#23

(名無しさん [sage])

歴史

[140] HTML要素概説

要素名: marquee
日付: 1996
説明: 1996頃の Internet Explorer 2.0 は、 marquee を実装した。

[35] MARQUEE Element | MARQUEE Object, InetSDK, 2024-08-17T04:03:10.000Z, 2000-10-29T21:19:42.301Z https://web.archive.org/web/20001029203526/http://www.msdn.microsoft.com/workshop/author/dhtml/reference/objects/MARQUEE.asp

[36] >>35 IE3+ になっているが実際はIE2からだったかな?

[43] Web Workshop - Frequently Asked Questions About HTML Coding for Internet Explorer, Microsoft Corporation, 2024-09-26T15:18:24.000Z, 2000-12-03T23:31:32.620Z https://web.archive.org/web/20001203232800/http://msdn.microsoft.com/workshop/Author/ie3html/HTMLFAQ1.asp

[44] >>43 縦にスクロールは marquee では出来ないから専用(?)の ActiveX control を使え、と。すごいこといわはるなw

[45] >>44 更にそれを使うと拡縮もできるし、表示内容を右クリックで他のページに切り替えることまでできる! 元々 marquee と違って要素の内容ではなく他のページが表示されるものらしい。

[46] これって IE3 からあったものなのかな。 iframe は IE4 から。

[47] >>43 こんな制約もあったらしい:

You cannot use any other tags, such as <FONT> or anchor (<A>), inside <MARQUEE> tags. They can be used outside, applying to the entire marquee, as follows:

[4] HTML 3.2 に marquee が入らなかったのは、 blink も marquee も入れないという政治的決着です。 >>39

[39] W3C Journal http://www.w3journal.com/5/s1.discussn.html
- [40] 消滅確認 2024-09-11T13:49:40.300Z
- [41] W3C Journal, 2024-09-11T13:48:24.000Z, 2000-08-17T18:38:07.858Z https://web.archive.org/web/20000817183705/http://www.w3journal.com/5/s1.discussn.html

Gecko による実装

[42] Mozillaはmarqueeタグをサポートすべきか、否か | スラドデベロッパー, 2024-09-11T14:01:55.000Z https://developers.srad.jp/story/02/08/05/1018222/

[48] HTML要素概説

要素名

marquee

日付

2000

説明

その後多くの Webブラウザーが実装した。 2002、 Gecko が実装した。 >>49

注釈

[49] Gecko が対応すると決めたときだけでなく、 Webサービス等が対応すると発表したときなど、何らかの製品が marquee への対応追加を発表するたびに多くの反発があった。移動文字を不快に感じる人は多かったし、当時のWeb標準から外れることへの抵抗もあった。 marquee は不評だった Internet Explorer や Microsoft の象徴であり、それに屈するようにも感じられた。しかしそうした反対意見を無視できるほど、 marquee はよく用いられ、必要とされる機能だった。 SW:marquee

ガラケーによる実装

アクセス可能性・利用可能性

[9] marquee を利用すると内容が移動してしまいます。読者には各自の文章を読む速さがありますから、移動速度が早過ぎたり遅過ぎたりして不快に感じるかもしれません。また、たまたま端に表示されている時に気付かずに読み飛ばしてしまうかもしれません。

例

[8] 動画代わりに効果的に使った例

<FONT SIZE="+3" COLOR="yellow"> 渋谷競馬場〜出走馬紹介〜 </FONT>
<MARQUEE LOOP="1"><IMG SRC="../image/kba_u04.gif" WIDTH="50" HEIGHT="32"><IMG SRC="../image/kba_u03.gif" WIDTH="50" HEIGHT="32"></MARQUEE>
<BR><MARQUEE scrolldelay="150"><IMG SRC="../image/kba_u06.gif" WIDTH="50" HEIGHT="32"></MARQUEE>

marquee 要素内で参照されている画像は、いずれも馬の絵 (静止画) です。 marquee で移動させることによって競馬の様子を効果的に描写しています。

出典: ロンゴロンゴ渋谷 http://yabumi.jp/luna/rongin/rongo_shibuya.html (2004年7月付け)

[15] Career就業情報網-為好企業找好人才,為好人才找好工作 (2008-06-08 00:30:16 +09:00 版) http://www.career.com.tw/Newcareer_site/job_result_comp.aspx?R_GETFROM=oiktv

										<div class="newsExpress">
											<!--
											<script language="JavaScript">
					  	var	today=new Date();
						var h = today.getHours();
						var m = today.getMinutes();
						var index = 11 ;
						var i;
						text = new Array(11); 
						
						text[0] ='早安!活力早餐吃了沒?別忘了給自己一杯好茶(&#21654;&#21857;)開&#21855;美好的一天&#21908;!'
						text[1] ='&#21992;!祝&#24744;今天擁有充滿活力與朝氣的一天,甘巴&#22002;!'
						text[2] ='要起來舒展一下&#22217;,喝個水、上個廁所、透透氣去。'
						text[3] ='要讓眼睛休息一下下,不要&#30447;著螢幕太久,要保養&#20320;的靈魂之窗&#21908;! '
						text[4] ='午餐時間到了,已經想好要吃什麼了&#21966;?好好犒賞自己一下&#21543;!'
						text[5] ='快睡著了沒?中午吃太飽&#21966;?起來動一動、&#25197;一&#25197;,提振一下精神&#21543;!'
						text[6] ='Tea time!吃點小點心,跟同事哈&#21862;一下,舒緩緊繃的工作壓力。'
						text[7] ='快下班了,今天也辛苦了一天,明天也要加油&#21908;!'
						text[8] ='&#20320;要加班&#21908;,真是辛苦&#21602;!要記得吃&#26202;餐,別讓肚子空空的,才有體力奮戰不懈!'
						text[9] ='&#20320;還在工作&#21908;!老板能請到&#20320;真是福氣&#21602;!給&#20320;拍拍手,鼓鼓掌。'
						text[10] ='夜深了,這麼賣力的員工,老板應該要給&#20320;加薪升官的,&#20320;一定會紅。'
						text[11] = '4/22 Career與&#24744;相約台大椰林大道,「碩博士&#26280;專業人才就業博覽會」只給&#24744;好人才,活動攤位有限,詳情速洽0800-712-712'
						
						if (h=="8"){ i=0; }
						else if (h=="9"){ i=1; }
						else if (h=="10"){ i=2; }
						else if (h=="11"){ i=3; }
						else if (h=="12" || h=="13"){ i=4; }
						else if (h=="14"){ i=5; }
						else if (h=="15" || h=="16"){ i=6; }
						else if (h=="17"){ i=7; }
						else if (h=="18"){ i=8; }
						else if (h=="20" || h=="21"){ i=9; }
						else if (h=="22"){ i=10; }
						else { i=11; }
						
						document.write ("<MARQUEE scrolldelay='150'><font class='c10' color='#990000'>"); 
						document.write (text[i]);
						document.write ("</font></marquee>");
											</script>
											-->
											<!-- Hot News&#36305;馬燈 -->
<table width='100%'  border='0' cellpadding='0' cellspacing='0' class='hot'>
<tr valign='top'>
<td valign='middle' ><MARQUEE scrolldelay='300' width='700' direction='left'>
</MARQUEE> </td>
</tr>
</table>

Ummm.... What's this?

[18] Top Page (2004-03-09 23:58:43 +09:00 版) http://www.aiseikai.or.jp/

(閲覧注意)

[19] はてなダイアリーがmarqueeとblinkに対応したので、愛生会病院してみた。 - TERRAZINE (2008-11-26 05:57:25 +09:00 版) http://d.hatena.ne.jp/TERRAZI/20081122/p1