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プラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  2. Scrolltab

    JavaScript

    スクロール移動させるタブを追加できるjQueryプラグイン「Scrolltab」

    ScrolltabというjQueryプラグインを使えばスクロール移動さ…

  3. jQuery Navobile
  4. JavaScript

    フレキシブルなjQueryプラグインのアコーディオンパネル「Flexible Slide-to-to…

    いい感じのアコーディオンがあったので試してみたところ、とてもよさげだっ…

  5. Animated Page Transition
  6. JavaScript

    とても簡単にクールなドロップダウンを実装できるjQueryプラグイン「DropKick」

    個人的に使いやすそうだったので備忘録です。DropKickというjQu…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP