no-image

JavaScript

水平スクロールでテキストが流れていくマーキー実装「hMarquee」

hMarqueeは、水平スクロールでテキストが滑らかに流れていくマーキーを実装することができるjQuery/Zeptoプラグインです。流れる速さを調整したり、入ってくる時と出ていく時にフェードイン・フェードアウトのエフェクトを加えたりなんてこともできます。

hMarquee

hMarquee

デモではたくさんのサンプルが設置されていて、それぞれセッティングが異なる動作を確認できます。テキストの流れが速いタイプのものや、フェード効果を実装したものなど、いろんなタイプのものがあります。

テキストが自動で流れていくので、ユーザーの目を引きたい時なんかには最適な機能ですね。使い方も簡単で特に難しいこともなく、サクッと実装できると思います。

オプションには、LingTextField、LingUrlField、noticeText、onclickdelayBeforeStart、speedPeerSec、minShowCount、fadeInOut、startVisibility、alwaysScroll……など、他にもいろいろ用意されています。

ちなみに、先ほどのフェード効果を有効にしたい場合は、fadeInOutの値をtrueにすればOKです。デフォルトはfalseに設定されています。

というわけで、水平スクロールで流れるテキストを実装したい人は、ぜひ「hMarquee」を使われてみてはいかがですか? hMarqueeのライセンスはMITになります。

関連記事

  1. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

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

    JavaScript

    jQueryでアニメーションを遅らせるにはdelayを使えばいいらしい

    ちょっとしたメモです。jQueryでanimateをメソッドチェーンで…

  3. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  4. jquery-backToTop

    JavaScript

    カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」

    jquery-backToTopはカスタマイズ性に優れた「トップへ戻る…

  5. Chocolat

    JavaScript

    レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」

    Chocolatはレスポンシブに対応したシンプルでスタイリッシュなLi…

  6. simpleSlideShow

    JavaScript

    カスタマイズしやすいシンプル・軽量なスライドショー「simpleSlideShow」

    simpleSlideShowは、シンプルで軽量なスライドショーを実装…

最近の記事

  1. 上島珈琲店 No.11
  2. 銀座トリコロール
  3. 牛たん焼定食

アーカイブ

PAGE TOP