1. Home
  2. Webデザイン
  3. html+CSS+javascript
  4. 文字表示をマトリックス風にするJavascript!!!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
Leawo Blu-rayコピーでブルーレイをISOファイルに簡単バックアップ!

Leawo Blu-rayコピーでブルーレイをISOファイルに簡単バックアップ!

今回紹介するのは全世界で1,000万以上のユーザーがいるBlu-rayコピーソフトであるLeawo Blu-rayコピーです。Leawo Blu-rayコピーを使用すると、簡単にBlu-rayディスクのバ...

792円の超激安スマート体組成計&体重計を買ってみた!

792円の超激安スマート体組成計&体重計を買ってみた!

先日の記事で紹介した超激安で販売されているスマート体重計ですが、実際に購入してみて家に商品が到着したのでレビューを書きたいと思います。スマート体重計というのはBl...

激安特価商品情報サイトの激安ShopDDを作りました!

激安特価商品情報サイトの激安ShopDDを作りました!

激安情報についてはこのブログで度々紹介していたのですが、この度激安・特価情報を専門に取り扱う新ブログの激安ShopDD(Gekiyasu ShopDD)を作成しました。こちらのブログ...

LEAWO製品が最大50%オフ!Leawo新年応援スペシャルセールを実施中!

LEAWO製品が最大50%オフ!Leawo新年応援スペシャルセールを実施中!

現在LEAWO製品が最大50%オフになる新年応援スペシャルキャンペーンを実施しています。キャンペーン期間は2020年2月3日(水)までとなっています。また、SNSでLeawoを応援して...

安物バッテリーは危険!?またまたMoto Zのバッテリーを自分で交換した話!

安物バッテリーは危険!?またまたMoto Zのバッテリーを自分で交換した話!

3,4ヶ月前のことになりますが、MOTOROLA Moto Zのバッテリーが死んでバッテリーを交換する手順の記事を書きました。当時は充電ケーブルを抜くと5分もせずに落ちるという状...

1/4ネジの三脚ボール ヘッドブラケットを買ってみた!

1/4ネジの三脚ボール ヘッドブラケットを買ってみた!

先日の記事で199円のミニ三脚についてのレビューにおいて、三脚上部の角度などが変更できればもっと自由度が上がって使いやすくなるということを書きました。そこで今回は...

無料でもらえるGoogle Nest miniが届いたのでレビュー!

無料でもらえるGoogle Nest miniが届いたのでレビュー!

先日の記事のGoogle Nest Miniが無料で手に入る!YouTube PremiumとGoogle Play Music会員が対象!でも紹介したGoogle Nest miniが届いたのでレビューを書きたいと思います...

スマート体組成計&体重計が792円!スマホ連動可能でソーラー充電で使える!

スマート体組成計&体重計が792円!スマホ連動可能でソーラー充電で使える!

Bluetoothでスマホ連動可能なBeyeahスマート体組成計&体重計が792円の超激安で販売中です。スマホとBluetoothで連動させることで、体重や体水分量・BMI・筋肉量・推定骨量...

Fire TV StickでIEEE802.11acが認識されない問題!

Fire TV StickでIEEE802.11acが認識されない問題!

先日のレビューも書いたFire TV Stickですが、実は一つ気になることがあったので同じようなことで困っている人の役に立てばと思い記事で残しておきたいと思います。それはF...

超電磁砲・禁書目録などとあるシリーズの小説・漫画が最大80%オフのキャンペーン!

超電磁砲・禁書目録などとあるシリーズの小説・漫画が最大80%オフのキャンペーン!

現在BOOK★WALKERでは、1月10日よりTVアニメが放映開始となる「とある科学の超電磁砲T」を記念して、とあるシリーズが最大80%オフのキャンペーンを実施しています。とある科...

NetaGear RSS News

Now Loading

Article

文字表示をマトリックス風にするJavascript!!!

Webデザイン > html+CSS+javascript 


今回紹介するJavaScriptを使うと面白い文字表示をしてくれる。なんというかマトリックス風に表示してくれます。百聞は一見にしかずということわざがあるように、文章での説明を見るより一回自分で見てみたほうが分かりやすいですね。私もサンプルページを作ってみたので下からどうぞ。
サンプルページ

表示のされ方には「_ _ _」「110011」の2種類が存在して、ランダムに表示方法が変わる。もちろん日本語にも対応している。この表示方法をサイトに取り入れたい人は以下のJavaScriptをhtmlに加えるだけOKです。

<script src="http://bodytag.org/bt_melter/bt_melter.js" type="text/javascript"></script>

javascript自体もbodytag.orgからダウンロード可能です。

こういうJavaScriptで行うギミックはおもしろいですよね。表示が遅くなる欠点がありますが、マトリックス風になってなかなか面白いものだと思います。サイトのアレンジに使ってみてはどうでしょうか?

Related article

COMMENT TO THIS ENTRY

Most Popular

Now loading...