JavaScriptでテキストを効果付きでローテション表示「jLetter - jQuery text rotator plugin」

JavaScriptでテキストを効果付きでローテション表示「jLetter - jQuery text rotator plugin」サンプル ローテション表示させるバナー画像を作るのはちょっと面倒・・・
そんなあなたには、jQuery text rotator plugin - jLetterが良いかもしれません。
テキストに動きをつけてローテションさせられ、ちょっとインパクトを与えられそうです。

使用方法 jQuery text rotator plugin - jLetterからファイルをダウンロード。
<link type="text/css" href="jletter.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.jletter.0.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#id名").jLetter({
pause: 3000, //停止時間
rotateSpeed: 2500, //ローテション速度
fadeSpeed: 1000 //フェード時間
});
});
</script>

あとはテキストを下記のように記述すれば完成です。
<div id="id名">
<div>
<div class="slide"><p><a href="http://www.skuare.net">skuare.net</a></p></div>
<div class="slide"><p><a href="http://www.skuare.net/test/jQuery.html">jQueryプラグイン</a></p></div>
<div class="slide"><p><a href="http://www.skuare.net/test/">JavaScriptライブラリ</a></p></div>
<div class="slide"><p><a href="http://www.skuare.net/test/mootools.html">mootoolsプラグイン</a></p></div>
</div>
</div>

JavaScriptでテキストを効果付きでローテション表示「jLetter - jQuery text rotator plugin」サンプル

sponsors

「JavaScriptでテキストを効果付きでローテション表示「jLetter - jQuery text rotator plugin」」をシェアする

記事作成:
記事URL:

TOP > > JavaScriptでテキストを効果付きでローテション表示「jLetter - jQuery text rotator plugin」