marquee
要素型 (HTML, XHTML 1)marquee
属性名 | 属性値 | 既定値 | 説明 | 状態 | 出典 |
align | 揃え | 非標準 | |||
behavior | 動き | 非標準 | |||
bgcolor | %Color | 背景色 | 非標準 | ||
datafld | データ欄 | 非標準 | |||
dataformatas | データ書式 | 非標準 | |||
datasrc | %URI | データ源 | 非標準 | ||
direction | 移動方向 | 非標準 | |||
height | 高さ | 非標準 | |||
hspace | 縦余白 | 非標準 | |||
loop | 繰返し回数 | 非標準 | |||
scrollamount | 移動量 | 非標準 | |||
scrolldelay | 非標準 | ||||
truespeed | 非標準 | ||||
vspace | 横余白 | 非標準 | |||
width | 幅 | 非標準 |
[5]
WinIE 3.02 未満では、
marquee
内での文字の大きさの変化が反映されないという制限があったり、
a
に含めると img
のように
(下線ではなく) border
によって表現されるという仕様だったりしたそうです。
[10]
marquee
を多用すると、実装によっては動作が極端に遅くなります。
[11]
Lynxはmarquee
をbanner
と同じとして実装しています。
(名無しさん [sage])
[12]
Lynxはmarquee
をbanner
と同じとして実装しています。
(名無しさん [sage])
[35] MARQUEE Element | MARQUEE Object, InetSDK, , 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, , 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 から。
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
[42] Mozillaはmarqueeタグをサポートすべきか、否か | スラド デベロッパー, https://developers.srad.jp/story/02/08/05/1018222/
[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就業情報網-為好企業找好人才,為好人才找好工作 ( 版) 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] ='早安!活力早餐吃了沒?別忘了給自己一杯好茶(咖啡)開啟美好的一天喔!' text[1] ='嗨!祝您今天擁有充滿活力與朝氣的一天,甘巴嗲!' text[2] ='要起來舒展一下囉,喝個水、上個廁所、透透氣去。' text[3] ='要讓眼睛休息一下下,不要盯著螢幕太久,要保養你的靈魂之窗喔! ' text[4] ='午餐時間到了,已經想好要吃什麼了嗎?好好犒賞自己一下吧!' text[5] ='快睡著了沒?中午吃太飽嗎?起來動一動、扭一扭,提振一下精神吧!' text[6] ='Tea time!吃點小點心,跟同事哈啦一下,舒緩緊繃的工作壓力。' text[7] ='快下班了,今天也辛苦了一天,明天也要加油喔!' text[8] ='你要加班喔,真是辛苦呢!要記得吃晚餐,別讓肚子空空的,才有體力奮戰不懈!' text[9] ='你還在工作喔!老板能請到你真是福氣呢!給你拍拍手,鼓鼓掌。' text[10] ='夜深了,這麼賣力的員工,老板應該要給你加薪升官的,你一定會紅。' text[11] = '4/22 Career與您相約台大椰林大道,「碩博士暨專業人才就業博覽會」只給您好人才,活動攤位有限,詳情速洽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跑馬燈 --> <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 ( 版) http://www.aiseikai.or.jp/
(閲覧注意)
[19] はてなダイアリーがmarqueeとblinkに対応したので、愛生会病院してみた。 - TERRAZINE ( 版) http://d.hatena.ne.jp/TERRAZI/20081122/p1
[13] Marquee in the web 2.1 way http://atos.wmid.amu.edu.pl/~d129682/web21/web21-marquee.html (名無しさん 2006-10-29 01:47:27 +00:00)
[14]
d:id:quaa (2007-05-14 01:16:53 +09:00
版) http://d.hatena.ne.jp/quaa/20070514#p1
(名無しさん 2007-05-17 11:03:28 +00:00)
[16] はてなダイアリーがデコメの投稿に対応しました - はてなダイアリー日記 ( 版) http://d.hatena.ne.jp/hatenadiary/20081120/1227169740
また、今回の機能追加に伴い、はてなダイアリー利用可能タグにmarqueeタグとblinkタグを追加しました。
[17] スラッシュドット・ジャパン | 改めて問う、marquee、blinkタグの意義 ( 版) http://slashdot.jp/askslashdot/article.pl?sid=08/11/24/114241
[20] なつかしのHTMLタグ「marquee」--CSS 3のマーキーを検証してみる - コメント - builder by ZDNet Japan ( 版) http://builder.japan.zdnet.com/comment/story/0,3800086213,20378743,00.htm
[1] 初めて携帯の Web 利用サービスを見て分かったんですけど、 マーキーの移動文字も使い方によっては狭い空間を効率的に使えて便利なんですね。 長い文を対象にすると電光掲示板みたいになって一覧性が失われてしまうのが問題ですけど、 見出し程度なら便利じゃないかと思います。
[2] >>1 の実現には、 -wap-marquee
属性方式よりも、
overflow
属性に値を追加した方がいいんじゃないですかね。
そうでないと、画面に収まっている時にも動いてしまってうざいし、現存の携帯
UA の simulate にもなりませんし。
[21] CSS Marquee Module Level 3 ( 版) http://www.w3.org/TR/2008/CR-css3-marquee-20081205/
[22] IRC logs: freenode / #whatwg / 20090527 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090527
[23] 3キャリア共通のマーキーの書き方 | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報 ( 版) http://symple.jp/47.html
[24] [whatwg] <marquee> feedback ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-April/031351.html
[25] Intent to remove: overflow: -webkit-marquee - Google グループ ( ( 版)) https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/HSiFTKnMy4Q
[26] marquee - hitode909の日記 ( ( 版)) http://hitode909.hatenablog.com/entry/2014/03/17/201717
[27] IRC logs: freenode / #whatwg / 20140328 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20140328#l-565
[29] 2014年10月に WG Note が出版され、手続き上も正式に破棄されました。
[31] Remove the concept of CSS Bindings (annevk著, ) https://github.com/whatwg/html/commit/6c96beabfa41d6d28ab23633966b82c5cdb9fd94
[32] marquee は遅いと読むのに時間がかかってイライラしたり、 先頭を見逃すと1周して戻ってくるまで無駄な時間になったりしますし、 速いと読めないので、つらいことしかありません。 そして人によって読みやすい速さは全然違います。
[33] ガラケーのように狭い画面で、見出しのように1行にほぼ収まるけど少しだけ足りない、 という時にマーキーで左右に揺れるのは、読みやすさを然程失わずに表示域を節約できて便利でした。
[34] Do not inherit text-transform (et al.) on form controls (jugglinmike著, ) https://github.com/whatwg/html/commit/b9997b7488a3b35515c30bb1627d361053cf2c2f