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になります。

JS Form ValidatorHTMLフォームの検証を簡単に実装できる「JS Form Validator」前のページ

3Dキューブのように回転するカウントダウンタイマーを実装できる「countdownCube」次のページcountdownCube

関連記事

  1. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

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

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  3. gridscrolling.js
  4. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  5. no-image
  6. Product Builder

    JavaScript

    カスタマイズ性に優れたオンラインストアに役立つ「Product Builder」

    Product Builderは、カスタマイズ性に優れたオンラインスト…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6
  4. Apple Watch Series 6

アーカイブ

PAGE TOP