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. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

  2. ajSlider

    JavaScript

    シンプルでさりげないアニメーションが素敵なスライドショー実装「ajSlider」

    ajSliderはシンプルなスライドショーを実装することができるjQu…

  3. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

  4. no-image

    JavaScript

    マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」

    MDTimePickerはマテリアルデザインをコンセプトにしたタイムピ…

  5. Image Tilt Effect

    JavaScript

    画像にチルトエフェクトをかけることができる「Image Tilt Effect」

    Image Tilt Effectは画像にチルトエフェクトをかけたちょ…

  6. no-image

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP