JavaScript

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

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

[ads_center]

jQuery Easy Tickerの使い方

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

jQuery Easy Ticker

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

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

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

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

jQuery Easy Ticker

Last Updated Shortcode最後に更新された日付時間をショートコードで表示できるWordPressプラグイン「Last Updated Shortcode」前のページ

CSSだけでミニマルなローディングアニメーションを実装できる「(cs)spinner」次のページ(cs)spinner

関連記事

  1. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  2. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  3. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  4. floatThead

    JavaScript

    テーブルのヘッダーを固定できるjQueryプラグイン「floatThead」

    floatTheadはテーブルのヘッダーを固定することができるjQue…

  5. Combodate

    JavaScript

    日付や時間をドロップダウン式にしてくれる「Combodate」

    Combodateは日付や時間の入力をドロップダウン式に置き換えてくれ…

  6. no-image

    JavaScript

    インタラクティブなツリー機能を実装できる「jstree」

    jstreeはインタラクティブなツリー機能を実装できるjQueryプラ…

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP