LuminJS

JavaScript

テキストを徐々にハイライトしていく「LuminJS」

LuminJSはWebページ上のテキストを徐々にハイライトしていくJavaScriptライブラリです。予めハイライトされたテキストが表示されるのではなく、実際にハイライトを引くようなアニメーションでテキストにハイライトが表示されていきます。

LuminJS

デモ

デモでは徐々にハイライトが引かれていくものやプログレスバーを操作してハイライトを引くもの、タイピングエフェクトによるものなど、いろんなタイプのデモが用意されています。

カスタマイズ性も高いうえにファイル容量がコンパクトでjQueryなどへの依存性がないところもイイですね。

テキストにハイライトが引かれることで、注目度もグッと高まるはず。ユーザーに見て欲しい文章などがある場合にはとても有効な手段の一つになるのではないでしょうか?

APIには、progress、start(duration)、stop()、clear()といったものが用意されています。また、ライセンスはMITとのこと。

LuminJS

関連記事

  1. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

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

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  3. scrollMonitor

    JavaScript

    要素が表示領域に入ったり出たりするとイベントを受け取れる「scrollMonitor」

    scrollMonitorは、要素が表示領域(ビューポート)に入ったり…

  4. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

  5. no-image
  6. Wipe Slider

    JavaScript

    背景画像を滑らかにスライドさせるjQueryプラグイン「Wipe Slider」

    Wipe Sliderは背景画像を滑らかにスライドさせることができるj…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP