1. Home
  2. Webデザイン
  3. html+CSS+javascript
  4. 文字表示をマトリックス風にするJavascript!!!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
コマンドプロンプトでIPアドレスとMACアドレスのリストを表示する方法!

コマンドプロンプトでIPアドレスとMACアドレスのリストを表示する方法!

今回はローカルネットワーク内にある端末をコマンドプロンプトを使って、IPアドレスとMACアドレスをリスト化して表示する方法を紹介したいと思います。表示可能なのは同一...

スマートスピーカーAmazon Echo DotとFireTV Stickをリンクして操作する方法!

スマートスピーカーAmazon Echo DotとFireTV Stickをリンクして操作する方法!

テレビに接続してAmazomプライムビデオやAbemaTVなどの動画配信サービスを見ることができるFireTV Stickを買ってから毎日のように使っているのですが、リモコンのボタンを...

HeimVisionネットワークカメラHM302を外で使えるように防水仕様にしてみた!

HeimVisionネットワークカメラHM302を外で使えるように防水仕様にしてみた!

先日レビューでも書いた「暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!」のネットワークカメラですが、今回は外でも使えるように防水仕様...

暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!

暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!

今回紹介するのはHeimVisionのAlexa対応ネットワークカメラHM302です。HM302の特徴としてはネットワークカメラとしてはかなり画素数の高い300万画素のカメラを搭載して高画...

3日間限定で出前館で50%OFFとなるキャンペーン「半額祭」を実施中!

3日間限定で出前館で50%OFFとなるキャンペーン「半額祭」を実施中!

出前館では3日間限定で、対象店舗の対象商品が50%OFFとなる半額祭というキャンペーンを実施しています。対象店舗はピザーラ、ドミノピザ、ピザハット、ケンタッキー、デニ...

FireTV StickでAlexaスキルをインストールして使う方法!

FireTV StickでAlexaスキルをインストールして使う方法!

今回はテレビに接続して使うデバイスであるAmazon FireTV Stickで、Amazonのスマートスピーカーと同様にAlexaスキルをインストールして使う方法について紹介したいと思いま...

ジャンプが無料で見れる「MANGA Plus by SHUEISHA」のアプリを無理やりインストール!

ジャンプが無料で見れる「MANGA Plus by SHUEISHA」のアプリを無理やりインストール!

先日の記事で紹介した集英社が公式で運営しているジャンプの連載漫画の最新話を無料で公開している漫画サイト「MANGA Plus by SHUEISHA」ですが、WEBサイト以外にもアプリ...

ジャンプ連載漫画の最新話が無料で読める「MANGA Plus by SHUEISHA」を日本から見る方法!

ジャンプ連載漫画の最新話が無料で読める「MANGA Plus by SHUEISHA」を日本から見る方法!

みなさんは「MANGA Plus by SHUEISHA」というWEBサービスをご存知だろうか?なんとこのサイトではジャンプの連載されている作品の最新話が無料で読むことができます。ジャ...

Elechomesの6L大容量ハイブリッド式加湿器 JC5502を使ってみた!

Elechomesの6L大容量ハイブリッド式加湿器 JC5502を使ってみた!

今回紹介するのはElechomesの6L大容量ハイブリッド式加湿器JC5502です。この加湿器は超音波とヒーターによるハイブリッド式なので、従来よりも省エネでなおかつ素早くお部...

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...