SorryJapaneseOnly

Sorry,Japanese Only!をアニメーションで表示するJavaScript。
日本のWeb1.0時代、よくみんな書いてたSorry, Japanese Only!をJavaScriptでアニメーション表示するようにしたよ。

デモ

使用例

アキバ系!電脳空間カウボーイズZ
https://shinishimaru.github.io/SorryJapaneseOnly/test/index.html

使い方

基本的には、test/index.htmlを見ていただければ、ある程度わかるかと思います。

必要なJavaScript

<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"> </script>
<script type="text/javascript" src="../src/SorryJapaneseOnly.js"> </script>
jqueryをSorryJapaneseOnly.jsで使っているので、読み込んでください。

必要なcss

<link rel="stylesheet" href="../css/SorryJapaneseOnly.css" type="text/css" media="screen" />
css/SorryJapaneseOnly.css を読み込む。フォントの等幅指定をしてるだけ。

必要なhtmlタグ

<div class='SorryJapaneseOnly'></div>
divタグなどでclass名を'SorryJapaneseOnly'にしたものを最低一つ用意してください。この中のテキストが書き換えられます。

ライセンス

MITライセンスとします。
まぁ、自由にやってください。