垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits」

TV Creditsは垂直方向や水平方向に流れていくティッカーを実装することができるjQueryプラグインです。縦と横の両方に対応しているため、好きな方向にテキストを流せるのがいいですね。動きも滑らかでサイト内に動きのアクセントを与えるにはいいかもしれません。

[ads_center]

TV Creditsの使い方

以下は実際のデモです。

Edit fiddle – JSFiddle

使い方はとても簡単です。jQueryとプラグインを読み込んだ状態で、HTMLを以下のようにリスト形式で記述していきます。

<div id="credits">
    <ul>
        <li>sample text1</li>
        <li>sample text2</li>
        <li>sample text3</li>
        <!-- 中略 -->
    </ul>
</div>

あとはTV Creditsを呼び出してあげればOKです。

$("#credits").tvCredits();

オプションを設定する場合は以下のように記述します。

$("#credtis").tvCredits({
    direction: 'up',
    complete : function () {},
    speed    : 25000,
    height   : 350,
});

上記はどれもデフォルトの値を指定しています。directionにはupかleftを設定することができます。

縦にも横にも対応したティッカーを実装したい時は、ぜひ覚えておきたいプラグインです。

TV Credits