[JS]使い勝手がいい、文字を一つずつタイプライターのようにアニメーションで表示する軽量スクリプト -iTyped.js

jQueryなど他のスクリプトは不要、しかも2.3kBの超軽量、文字をタイプライターのようにアニメーションで表示するJavaScriptのライブラリを紹介します。

サイトのキャプチャサイトのキャプチャ

iTyped.js -GitHub

iTyped.jsのデモ

デモでは、タイプライターのように一文字ずつ複数の文字列が順番にアニメーションで表示されます。

サイトのキャプチャ

デモページ

iTyped.jsの使い方

Step1 :外部ファイル

当スクリプトを外部ファイルとして記述します。

Step 2: 場所の確保

タイプライターのアニメーションで表示するエリアを確保します。

Step 3: アニメーションの設定

JavaScriptで、アニメーションの設定をします。

オプション

点滅カーソルを変更する際は、CSSを加えます。

top of page

©2017 coliss