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

このプラグインの実際の動きを確認したい場合は、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プラグイン

  • jQSlickWrap

    jQSlickWrap

    画像のフチに沿って文字を配置してくれる

  • TextAnimation

    TextAnimation

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

  • Airport

    Airport

    空港の発着情報ボードチックなテキスト表現ができる

  • LetterFx

    LetterFx

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

  • SlidingLetters

    SlidingLetters

    SlidingLettersはマウスオーバーでアニメーションでテキスト切り替えできる