HTMLで文字を点滅させるタグといえばblinkタグが有名ですが、これは今すでにサポートが終了しているブラウザ「Netscape(ネットスケープ)」が採用していた独自タグでした。
その後日本の大手携帯電話会社のいわゆるフィーチャーフォン(ガラケー)のブラウザにも採用され「携帯ホムペ」で頻繁に使われました。
しかしInternet Explorerはじめその他主要のパソコンのブラウザではblinkで点滅させることが出来ませんので、別の方法を使う事になります。
JavaScriptなどを使えばPCブラウザからも点滅文字を実現できますが、ここではHTMLでblinkの代替となるタグをご紹介します。
- blinkの代替タグ
-
<marquee scrolldelay="280" scrollamount="428" width="428">点滅してますかー?</marquee>
- こちらが表示例
「scrollamount」「width」の2つは横幅を入力します。
このブログの記事部分の横幅は428pxなので上記のように書きました。
2つとも同じ数字にする必要があります。
外側のブロックでwidthが指定してあれば「100%」でもOKです。
「scrolldelay」は点滅するスピードを調整する事が出来ます。
小さい数字ほど早い点滅に。
点滅ではなくスライドするんですけど
(# ̄З ̄)ブー
(# ̄З ̄)ブー
(# ̄З ̄)ブー
(# ̄З ̄)ブー
(# ̄З ̄)ブー
(# ̄З ̄)ブー
(# ̄З ̄)ブー
(# ̄З ̄)ブー
(# ̄З ̄)ブー
(# ̄З ̄)ブー
点滅というよりスライド
chrome 68.0.3440.106より
IE11 では何もおこりません。
marquee はHTML5で廃止になります。
初めまして、桐澤と申します。
サークルでHPを作成する事になり、NEWSページの新しい情報に「NEW」の点滅を入れたいなと思い検索致しましたところ、此方のページを発見致しました。
それで、その通り使用させていただいたのですが、暫くすると点滅表示ではなくなってしまい、どうした事かと再訪してみましたところ、此方のページさんでも同様の状態になってらっしゃるという事で、何らか要素のサポート終了が原因でしょうか…?
桐澤さん
はじめまして、コメントありがとうございます。
確認しましたところPCのChromeで点滅していませんでした。
それ以外のブラウザは点滅しているようなので、最近のアップデートで仕様が変更になった可能性が高いです。
今後のアップデートで元に戻る可能性ありますが、何ともいえないところです。
こんにちは、初めまして。わたくし渡辺文吾(42)と申します。わたくしのホームページbinge2.web.fc2.comで、点滅文字を表示したいと思い、ネットで検索かけたら、BLINKというのがあったんですが、うまく表示されず?自分→サーバーが対応してへんの?とハテナ印いっぱいの?????という感じだったんです。いろいろ調べてみると、HTMLでは、blinkタグが有名ですが、このサイトを見たら、Netscapeしかこれ対応していないとの事!自分→おやまあ!!!そこで早速このサイトの、blinkの代替タグ使って成功でした。ホームページのプログラミングは、即時に結果が反映されないので、いろいろとめんどくさいですね。それでは