jQuery liMarquee

JavaScript

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

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

jQuery liMarquee

Edit fiddle – JSFiddle

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

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

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

jQuery liMarquee

関連記事

  1. Hover Carousel

    JavaScript

    超軽量なホバーカルーセルを実装できる「Hover Carousel」

    Hover Carouselは超軽量なホバーで動作するカルーセルを実装…

  2. no-image

    JavaScript

    スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

    Mobile-Friendly Tableはスマホなどのモバイルに最適…

  3. Animated Image Pieces

    JavaScript

    画像が細かいピースになるアニメーション実装「Animated Image Pieces」

    Animated Image Piecesは、画像が細かいピースに分解…

  4. JavaScript

    巻き簾のようにメニューを開閉するアニメーションを実装できるjQueryプラグイン「Makisu」

    巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりで…

  5. jQuery GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

  6. simpler-sidebar

    JavaScript

    シンプルでスタイリッシュなサイドナビゲーション「simpler-sidebar」

    simpler-sidebarは、シンプルでスタイリッシュなサイドナビ…

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP