なんでもいいから入力してぇえぇぇ

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.shuffleLetters.js"></script>
<script>
	$(window).load(function(){
		var _container = $('#ShuffleLetterDemo p');
		var _userText = $('#ShuffleLetterText'); 
		
		_container.shuffleLetters();
		
		_userText.click(function () {				
			_userText.val("");				
		}).bind('keypress',function(e){	
		
			if(e.keyCode == 13){					
				_container.shuffleLetters({
					"text": _userText.val()
				});					
				_userText.val("");
			}
		
		}).hide();
		
		
		setTimeout(function(){								
		_userText.val("ここに文字をイれてぇええ").fadeIn();
		
		}, 2000);
	});
</script>
<div id="ShuffleLetterDemo">
	<p>なんでもいいから入力してぇえぇぇ</p>
</div>

<p class="tac"><input type="text" id="ShuffleLetterText" /></p>

ShuffleLetterについて

ShuffleLetterは、文字をシャッフルしながら表示することができるプラグインです。
日本語も一応大丈夫ですが、シャッフル中に表示される文字が化けちゃいます。
それはそれで面白い効果に見えなくもないですけどね。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Squiggle

    Squiggle

    テキスト上に手書きのような取り消し線を描画できる

  • LetterFx

    LetterFx

    複数パターンでテキストアニメーションをセットできる

  • FitText

    FitText

    画面サイズに合わせて文字サイズを変更してくれる

  • textillate

    textillate

    textillateは、様々なテキストアニメーションが表現できる

  • TextAnimation

    TextAnimation

    テキストを色々とアニメーションさせることができる