JavaScript

軽量でカスタマイズもしやすいティッカーを実装できるjQueryプラグイン「jQuery Easy Ticker」

jQuery Easy TickerというjQueryプラグインを使えば、軽量でカスタマイズもしやすいニュースティッカーを実装することができます。実際のデモはレスポンシブにも対応しています。ブログのサイドバーなんかに設置してみたくなりますね。

[ads_center]

jQuery Easy Tickerの使い方

こんな感じで次々と記事が自動でスクロールされていきます。

jQuery Easy Ticker

スクロールは上方向か下方向のいずれかに設定することができます。これはオプションで指定可能です。

使い方もシンプルでいいですね。

$('.myWrapper').easyTicker({
    // オプション設定
});

プラグインはとても軽量で、フルバージョンでも約4KBほどです。軽くてシンプルなニュースティッカーを実装したい時の選択肢の1つとして覚えておきたいです。

jQuery Easy Ticker

関連記事

  1. JavaScript

    リストのテキストを1つずつ垂直にスライドさせていくjQueryのティッカー「Totem Ticker…

    おもしろいですね、これ。リスト化したli要素を1つずつ垂直方向にスライ…

  2. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

  3. no-image

    JavaScript

    jQueryとCSS3を使った縦型アコーディオン「Accordion-menu」

    Accordion-menuは、jQueryとCSS3を使ったシンプル…

  4. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

  5. JavaScript

    とてもシンプルで綺麗なツールチップを簡単に実装することができるjQueryプラグイン「gips」

    使いやすさや見た目もシンプルで綺麗なツールチップを実装することができる…

  6. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP