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. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  2. Select.js

    JavaScript

    セレクトボックスをオシャレにスタイリングしてくれるJS・CSSライブラリ「Select.js」

    Select.jsはセレクトボックスをシンプルでオシャレにスタイリング…

  3. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  4. Bootstrap Mobile FullScreen Modal
  5. infiniteSlider2.js
  6. Cloud 9 Carousel

    JavaScript

    サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」

    Cloud 9 Carouselはサクサク動作する3Dカルーセルを実装…

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP