TV Credits

JavaScript

垂直・水平方向に滑らかに流れていくティッカーを実装できる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

関連記事

  1. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

  2. Philter

    JavaScript

    CSSのフィルターをコントロールできるjQueryプラグイン「Philter」

    PhilterはCSSのフィルターを簡単にコントロールすることができる…

  3. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

  4. ptrLight

    JavaScript

    モバイル用のリフレッシュインジケーターを実装できる「ptrLight」

    ptrLightはモバイル用のリフレッシュインジケーターを実装すること…

  5. jQuery Parallax

    JavaScript

    美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

    jQuery Parallaxは美しいパララックススクロールエフェクト…

  6. no-image

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP