テキストの切り替えを面白く印象的にできるjQueryプラグイン「Textualizer」
画像の切り替えJavaScriptを多く出回っていますが、テキストはあまり見ませんでした。
jQueryプラグインのTextualizerを利用すると、かなり面白い切り替えを行うことが可能になります。
使用方法
krisk/textualizer - GitHubからファイルをダウンロード。
jQueryからjquery.jsをダウンロードします。
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="textualizer.js"></script>
<script type="text/javascript">
$(function(){
var list = ['テキスト1',
'テキスト2'];
var s = $('#id名');
s.textualizer(list);
s.textualizer('start');
});
</script>
あとは上記のid名を表示させたい場所に記述すれば完成です。
<div id="id名"></div>
テキストの切り替えを面白く印象的にできるjQueryプラグイン「Textualizer」サンプル
コメントする
記事作成：2011年7月 6日 15:55
