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. trunk8

    JavaScript

    長い(はみ出した)テキストを「・・・」に置き換えてくれるjQueryプラグイン「trunk8」

    長いテキストやはみ出したテキストを「・・・」といった文字に置き換えてく…

  2. Simple Easy Slider

    JavaScript

    美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」

    Simple Easy Sliderは美しいフェードアニメーションによ…

  3. JavaScript

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイン「jQuery Zoom」

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイ…

  4. simplePagination.js
  5. JavaScript

    シンプルでカスタマイズも簡単にできるjQueryプラグイン「Twitter Follow Box W…

    とてもシンプルでカスタマイズもしやすいjQueryプラグイン「Twit…

  6. jQuery Navobile

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP