vTicker

JavaScript

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

シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイン「vTicker」をご紹介します。ulのli要素に表示させるテキストを記述していき、vTickerをセットアップするだけです。スペースを有効活用したい時や、ちょっとした導線をつくりたい時によさそうですね。

[ads_center]

使い方

このようにli要素に表示させたいテキストを記述していきます。ティッカーはli要素ごとに切り替わっていきます。

<div id="sample">
    <ul>
        <li>サンプルテキスト1</li>
        <li>サンプルテキスト2</li>
        <li>サンプルテキスト3</li>
    </ul>
</div>

あとはvTickerをセットするだけです。

$(function() {
    $('#sample').vTicker();
});

オプションも色々あり、スピードやアイテムを表示させる数を指定することもできます。CSSで見た目をカスタマイズしたりすれば色々と応用が効きそうですね。

vTickerのダウンロードや詳細については以下の公式サイトで確認することができます。

MacのアクティビティモニタMacで現在のメモリ使用量や空き容量を管理・確認したい場合はアクティビティモニタが便利前のページ

iPhoneでコピペを多用する人に便利なクリップボード履歴が分かるアプリ「Clipboard Manager and History」次のページ

関連記事

  1. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

  2. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  3. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  4. LC Micro Slider
  5. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

  6. Expanding Bar Navigation Concept

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP