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. Shorten

    JavaScript

    長いテキストを自動で短縮してくれるjQueryプラグイン「Shorten」

    Shortenは指定した文字数以上の長いテキストを自動的に短縮してくれ…

  2. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

  3. jQuery.GI.TheWall.js
  4. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  5. Notyf

    JavaScript

    シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」

    Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させる…

  6. shCircleLoader

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP