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. GRT Responsive Menu
  2. progresspieSVG

    JavaScript

    円形のプログレスバーを実装できる「progresspieSVG」

    progresspieSVGは円形のプログレスバーを実装できるjQue…

  3. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  4. LuminJS

    JavaScript

    テキストを徐々にハイライトしていく「LuminJS」

    LuminJSはWebページ上のテキストを徐々にハイライトしていくJa…

  5. JavaScript

    画像やHTML要素に簡単にドロップシャドウをつけられるjQueryプラグイン「pShadow」

    個人的にすごく便利で使う機会がありそなjQueryプラグインの紹介です…

  6. Pushbar.js

    JavaScript

    スライドでコンテンツを引き出せる「Pushbar.js」

    Pushbar.jsはスライドでコンテンツやナビゲーションメニューを引…

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP