jQueryプラグインで文字をシンプルにローテーションさせる「simple-text-rotator」

jQueryプラグインで文字をシンプルにローテーションさせる「simple-text-rotator」
テキストを変化させるような場面もあるかと思います。
そんな時jQueryプラグインの「jQuery Super Easy Text Rotator」を利用すると便利そうです。

使用方法 jQuery Super Easy Text Rotator by Pete R. | The Pete Designからファイル一式をダウンロード。
<link href="simpletextrotator.css" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script src="jquery.simple-text-rotator.js"></script>
<script type="text/javascript">
$(function(){
$(".class名").textrotator({
animation: "fade", //dissolve(default), fade, flip, flipUp, flipCube, flipCubeUp ,spin
separator: "," //文字を分割する文字
speed: 1000 //次の文字を表示させる時間ミリ秒
});
});
</script>

上記を記述したらローテーションさせたい文字を下記のように書きます。
<p class="class名">Simple, Customizable, Light Weight, Easy </p>
※日本語は正確に分割されないケースもあるようです。

jQueryプラグインで文字をシンプルにローテーションさせる「simple-text-rotator」

sponsors

「jQueryプラグインで文字をシンプルにローテーションさせる「simple-text-rotator」」をシェアする

記事作成:
記事URL:

TOP > > > jQueryプラグインで文字をシンプルにローテーションさせる「simple-text-rotator」