おもしろっ‼️
「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」は点滅するスピードを調整する事が出来ます。
小さい数字ほど早い点滅に。
コメント (6)
コメントを書く
-
Premiere Pro「ビデオトランジション」一覧
動画編集ソフトのAdobe Premiere Pro(プレミアプロ)で標準で用…
-
VSCode・Cursorでタブが表示されない場合の対応方法
コードエディタ「Visual Studio Code」(VSCode)と「Cursor」で…
-
イラストレーターで「くの字」のような矢印の形のをしたフローを作る方法
Adobe Illustrator(イラレ、イラストレーター)で、くの字型をし…
-
VSCode・Cursorで選択した単語を1つずつ順に選択するショートカットと選択取消も解説
コードエディタ「Visual Studio Code」（VSCode）と「Cursor」…
点滅ではなくスライドするんですけど
(＃￣З￣)ブー
(＃￣З￣)ブー
(＃￣З￣)ブー
(＃￣З￣)ブー
(＃￣З￣)ブー
(＃￣З￣)ブー
(＃￣З￣)ブー
(＃￣З￣)ブー
(＃￣З￣)ブー
(＃￣З￣)ブー
点滅というよりスライド
chrome 68.0.3440.106より
IE11 では何もおこりません。
marquee はHTML5で廃止になります。
桐澤さん
はじめまして、コメントありがとうございます。
確認しましたところPCのChromeで点滅していませんでした。
それ以外のブラウザは点滅しているようなので、最近のアップデートで仕様が変更になった可能性が高いです。
今後のアップデートで元に戻る可能性ありますが、何ともいえないところです。
初めまして、桐澤と申します。
サークルでHPを作成する事になり、NEWSページの新しい情報に「NEW」の点滅を入れたいなと思い検索致しましたところ、此方のページを発見致しました。
それで、その通り使用させていただいたのですが、暫くすると点滅表示ではなくなってしまい、どうした事かと再訪してみましたところ、此方のページさんでも同様の状態になってらっしゃるという事で、何らか要素のサポート終了が原因でしょうか…？
こんにちは、初めまして。わたくし渡辺文吾（42）と申します。わたくしのホームページbinge2.web.fc2.comで、点滅文字を表示したいと思い、ネットで検索かけたら、ＢＬＩＮＫというのがあったんですが、うまく表示されず？自分→サーバーが対応してへんの？とハテナ印いっぱいの？？？？？という感じだったんです。いろいろ調べてみると、ＨＴＭＬでは、blinkタグが有名ですが、このサイトを見たら、Netscapeしかこれ対応していないとの事！自分→おやまあ！！！そこで早速このサイトの、blinkの代替タグ使って成功でした。ホームページのプログラミングは、即時に結果が反映されないので、いろいろとめんどくさいですね。それでは