bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptタイプライターで文字を入力するようなテキストエフェクトのjQueryプラグイン「t.js」JavaScript2014.10.22タイプライターで文字を入力するようなテキストエフェクトのjQueryプラグイン「t.js」t.jsというjQueryプラグインを使えば、タイプライターで文字を入力するようなテキストエフェクトを実装することができます。deleteキーで文字を打ち直したりするような動作も設定可能なので、文字をリアルタイムで入力している感じの印象を与えることができます。使い方はとてもシンプルです。head内にjQuery本体とプラグインを読み込みます。src="t.js"></script>表示させたいテキストをセレクタにセットします。$('#sample').t('これはt.jsの<del>テスト</del>サンプルです。',{speed:30,speed_vary:true});});</script><del></del>に記述したテキストは、1度入力表示された後に削減され、その後に続く文字に打ち直されます。文字入力が現在進行中のような動きになりますね。あとはテキストを挿入させるタグを記述しておくだけです。id="sample"></div>オプションのspeedで入力スピードを調整できます。数値が高いほど遅く、低いほど速くなります。speed_varyをtrueに設定することで、リロードする度に入力するテンポや速度が異なってきます。タイプライターで文字入力しているようなテキストエフェクトを実装したい時にいかがでしょうか。Barsは、アニメーション付きのサーク...JavaScriptスクロール移動させるタブを追加できるjQueryプラグイン「Scrolltab」ScrolltabというjQueryプラグインを使えばスクロール移動さ...JavaScriptクールに拡大・チルトする画像ズーム「Parazoom」Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。