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

    JavaScript

    スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

    PrognRollはスクロールによるプログレスバーを表示することができ…

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

    JavaScript

    jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる

    すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが…

  3. no-image
  4. Responsive Elements
  5. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

  6. StellarNav.js

    JavaScript

    レスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」

    StellarNav.jsはjQueryによるレスポンシブで多階層に対…

最近の記事

  1. オリジナルチキン6ピース
  2. 200-DGCAM019
  3. ハクバ GW-PRO RED フォトグローブプロ PL
  4. Soundcore Liberty Air 2

アーカイブ

PAGE TOP