jQuery liMarquee

JavaScript

テキストや画像を滑らかにアニメーションさせるニュースティッカー「jQuery liMarquee」

jQuery liMarqueeはニュースティッカーを実装できるjQueryプラグインです。テキストや画像などを滑らかにアニメーション(自動スクロール)させることができます。

jQuery liMarquee

Edit fiddle – JSFiddle

コンテンツが滑らかに流れていて、つい視線がいっちゃいますね。ユーザーにちょっと注目して欲しい部分がある時なんかに、こういった動きのあるティッカーを活用してみるのもおもしろいそうです。

デモではティッカーにマウスオーバーするとアニメーションが停止します。ドラッグ移動させることでコンテンツを好きな位置へ動かすことができるのもすごく便利ですね。

アニメーションは水平方向のスクロール以外にも、垂直方向にスクロールさせることも可能です。

jQuery liMarquee

jQuery Smart Placeholderユーザーが入力中でもプレースホルダーを表示してくれる「jQuery Smart Placeholder」前のページ

iPhoneのSafariでオフラインや圏外の時でもWebページを見る方法次のページSafariのリーディングリスト

関連記事

  1. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

  2. Instafeed.js

    JavaScript

    Webサイト内にInstagramの画像を表示できる「Instafeed.js」

    Instafeed.jsはWebサイト内にInstagramの画像一覧…

  3. Fluidbox

    JavaScript

    シンプルで軽快な動作が素敵なLightbox風のjQueryプラグイン「Fluidbox」

    FluidboxというjQueryプラグインを使えば、シンプルで軽快な…

  4. A simple DIY responsive image slideshow
  5. no-image

    JavaScript

    シンプル・軽量なjQueryイメージビューア「WimmViewer」

    WimmViewerはシンプルで軽量なイメージビューアを実装できるjQ…

  6. JavaScript

    jQuery Backstretchを使えば超簡単にブラウザサイズに合った背景画像を表示できる

    背景画像をブラウザのサイズに合わせて表示できるプラグイン「jQuery…

最近の記事

  1. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  2. ライオン システマ 超コンパクト ふつう
  3. タリーズ ハムチーズ&サラダサンド
  4. クリニカのY字タイプのフロス
  5. 日和山公園の桜

アーカイブ

PAGE TOP