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. Stripe.Com Navigation

    JavaScript

    コンテナがアニメーションで可変するナビゲーション「Stripe.Com Navigation」

    ナビゲーションメニューのコンテナがアニメーションで可変するドロップダウ…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでreplaceWithやreplaceAllを使って要素を置き換えてみる

    jQueryでreplaceWithやreplaceAllを使えば好き…

  3. DropDownMenu

    JavaScript

    レスポンシブ対応で多階層なドロップダウンメニューを実装できる「DropDownMenu」

    DropDownMenuは、レスポンシブに対応した多階層なドロップダウ…

  4. js-offcanvas

    JavaScript

    上下左右にオフキャンバスのナビゲーションを実装できる「js-offcanvas」

    js-offcanvasは、上下左右にオフキャンバスのナビゲーションを…

  5. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  6. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP