「blink」を使わずPCからでも文字を点滅させるHTMLタグ「marquee」

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」は点滅するスピードを調整する事が出来ます。
小さい数字ほど早い点滅に。

コメント

“「blink」を使わずPCからでも文字を点滅させるHTMLタグ「marquee」” への6件のフィードバック

  1. daichang

    点滅ではなくスライドするんですけど
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー
    (# ̄З ̄)ブー

  2. 点滅というよりスライド
    chrome 68.0.3440.106より

  3. 匿名

    IE11 では何もおこりません。
    marquee はHTML5で廃止になります。

  4. 桐澤 弥生

    初めまして、桐澤と申します。
    サークルでHPを作成する事になり、NEWSページの新しい情報に「NEW」の点滅を入れたいなと思い検索致しましたところ、此方のページを発見致しました。
    それで、その通り使用させていただいたのですが、暫くすると点滅表示ではなくなってしまい、どうした事かと再訪してみましたところ、此方のページさんでも同様の状態になってらっしゃるという事で、何らか要素のサポート終了が原因でしょうか…?

    1. 管理人

      桐澤さん
      はじめまして、コメントありがとうございます。
      確認しましたところPCのChromeで点滅していませんでした。
      それ以外のブラウザは点滅しているようなので、最近のアップデートで仕様が変更になった可能性が高いです。
      今後のアップデートで元に戻る可能性ありますが、何ともいえないところです。

  5. こんにちは、初めまして。わたくし渡辺文吾(42)と申します。わたくしのホームページbinge2.web.fc2.comで、点滅文字を表示したいと思い、ネットで検索かけたら、BLINKというのがあったんですが、うまく表示されず?自分→サーバーが対応してへんの?とハテナ印いっぱいの?????という感じだったんです。いろいろ調べてみると、HTMLでは、blinkタグが有名ですが、このサイトを見たら、Netscapeしかこれ対応していないとの事!自分→おやまあ!!!そこで早速このサイトの、blinkの代替タグ使って成功でした。ホームページのプログラミングは、即時に結果が反映されないので、いろいろとめんどくさいですね。それでは

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です