人んちのページを見て変った表現がしてあると、どうやってんだろうと興味が湧くことがある。幸いなことにWebページはソースが見れることが多いのでその仕組みが分ったりする。映画の最後のシーンで字幕が上に上がってくのがあるけど、そんな風になってるページがあった。どうやってるんだろ、とソースを覗いてみたら MARQUEE タグが使ってあった。
そう言えば自分も ここ で試しにやったことがある。そんなわけで早速、自分のブログで試してみたんだけどHTMLソースがそのまんま表示されてしまい、期待通りにはならなかった。この MARQUEE タグは使えるタグ一覧には載ってないから変な結果になっても仕方ない。しかしこれを使って人がいる。
例えばボッケニャンドリという文字を電光掲示板のように画面上で左に動かすにはこう書く。説明すると、動く方向は direction で left にする。動く頻度は scrolldelay で 100 ミリ秒ごとにする。1回に動く量は scrollamount で 1 ドット分とする。これで1秒間に10ドット左に動くことになる。ちなみにこれはまっとうな書き方だ。
![](https://blogimg.goo.ne.jp/user_image/4f/17/e5e4450f1d62aabd2204c30d3c1423e4.png)
上のようにかいた結果はこうなる
↓
どうしてだろ、と思ってもう1度ソースを良く見ると変な書き方になっていた。次は変な書き方を真似して書いた。どこが変かというと、<が1つ余計にあるのだ。赤くしてある部分。それと </marquee> が無い。まぁまぁ上手く行ったけど画面上に余計な文字 < が現れて格好悪い。実は覗いたページもそうなっていた。
![](https://blogimg.goo.ne.jp/user_image/0e/ee/151dc3ccbc93b5e88952f09fd78987a5.png)
上のようにかいた結果はこうなる
↓
![](https://blogimg.goo.ne.jp/user_image/0e/46/430a9188dae230e7c7e5858cad7a74ff.png)
<を消すためにはこんな風に font タグを使ってウインドウの背景色と同じにすればいいのが分った。この場合は yellow を指定する。それにしても変な書き方だ。でもこうやると < は見えなくなる。
![](https://blogimg.goo.ne.jp/user_image/13/34/00ad9d982f5e4272617da5656b4d1476.png)
上のようにかいた結果はこうなる
↓
fontタグで囲むのは追加した<だけで良いじゃんか、と思ってこのようにもやってみた。しかしダメ。gooブログってのは面妖な仕組みだ。
![](https://blogimg.goo.ne.jp/user_image/5c/46/4a2df03020e28547ad5717cc88caa27d.png)
上のようにかいた結果はこうなる
↓
ちなみに背景が写真の場合、一番近い色に合わせるという面倒な事をしないといけない。<font color=”#68b10e”>としてみたけど、ようく見ると左側に < が見えるようにしてあるのだ、ってのはウソ。面倒だからこの程度にしただけ。ハハハ
MARQUEE タグを推奨しないのなら無反応にしてくれればいいけど中途半端に動くから厄介だ。何処のブログにもこういう癖というか変な動きがあるようだけど、最近は飼い慣らされたっていうかあまり冒険はしなくなっちゃった。
そう言えば自分も ここ で試しにやったことがある。そんなわけで早速、自分のブログで試してみたんだけどHTMLソースがそのまんま表示されてしまい、期待通りにはならなかった。この MARQUEE タグは使えるタグ一覧には載ってないから変な結果になっても仕方ない。しかしこれを使って人がいる。
例えばボッケニャンドリという文字を電光掲示板のように画面上で左に動かすにはこう書く。説明すると、動く方向は direction で left にする。動く頻度は scrolldelay で 100 ミリ秒ごとにする。1回に動く量は scrollamount で 1 ドット分とする。これで1秒間に10ドット左に動くことになる。ちなみにこれはまっとうな書き方だ。
![](https://blogimg.goo.ne.jp/user_image/4f/17/e5e4450f1d62aabd2204c30d3c1423e4.png)
↓
<marquee direction="left" scrolldelay="100" scrollamount="1">ボッケニャンドリ</marquee> |
どうしてだろ、と思ってもう1度ソースを良く見ると変な書き方になっていた。次は変な書き方を真似して書いた。どこが変かというと、<が1つ余計にあるのだ。赤くしてある部分。それと </marquee> が無い。まぁまぁ上手く行ったけど画面上に余計な文字 < が現れて格好悪い。実は覗いたページもそうなっていた。
![](https://blogimg.goo.ne.jp/user_image/0e/ee/151dc3ccbc93b5e88952f09fd78987a5.png)
↓
< |
![](https://blogimg.goo.ne.jp/user_image/0e/46/430a9188dae230e7c7e5858cad7a74ff.png)
<を消すためにはこんな風に font タグを使ってウインドウの背景色と同じにすればいいのが分った。この場合は yellow を指定する。それにしても変な書き方だ。でもこうやると < は見えなくなる。
![](https://blogimg.goo.ne.jp/user_image/13/34/00ad9d982f5e4272617da5656b4d1476.png)
↓
<ボッケニャンドリ |
fontタグで囲むのは追加した<だけで良いじゃんか、と思ってこのようにもやってみた。しかしダメ。gooブログってのは面妖な仕組みだ。
![](https://blogimg.goo.ne.jp/user_image/5c/46/4a2df03020e28547ad5717cc88caa27d.png)
↓
<<marquee direction="left" scrolldelay="100" scrollamount="1">ボッケニャンドリ |
ちなみに背景が写真の場合、一番近い色に合わせるという面倒な事をしないといけない。<font color=”#68b10e”>としてみたけど、ようく見ると左側に < が見えるようにしてあるのだ、ってのはウソ。面倒だからこの程度にしただけ。ハハハ
<ロナウドのシュート |
MARQUEE タグを推奨しないのなら無反応にしてくれればいいけど中途半端に動くから厄介だ。何処のブログにもこういう癖というか変な動きがあるようだけど、最近は飼い慣らされたっていうかあまり冒険はしなくなっちゃった。
迷惑コメント対策の方に力を入れてるのかな。
タグの増加よりもプレビューと公開版を同じにして欲しいなぁ。
MARQUEEって何ですか・・・
ちなみにgooブログで記事を書く時はTEXTエディターで書いてます。
MARQUEEでどう動くのか簡単な例がここに載ってます(丸投げモード)
http://www.htmq.com/html/marquee.shtml