LuminJS

JavaScript

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

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

LuminJS

デモ

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

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

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

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

LuminJS

関連記事

  1. Trunk.js

    JavaScript

    滑らかなスライド表示がいい!レスポンシブなナビゲーションメニュー「Trunk.js」

    Trunk.jsはレスポンシブに対応したナビゲーションメニューを実装す…

  2. JavaScript

    JavaScriptの配列操作をメモがてら整理してまとめてみる

    自分用のメモです。JavaScriptの配列操作に関するメソッドなんか…

  3. jQuery LoadingOverlay

    JavaScript

    多彩なローディング画面を実装できる「jQuery LoadingOverlay」

    jQuery LoadingOverlayは、カスタマイズ性に優れた多…

  4. Prism Effect Slider

    JavaScript

    プリズム効果を実装することができるスライダー「Prism Effect Slider」

    おもしろいスライダーがあったのでご紹介します。Prism Effect…

  5. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

  6. Shuffle Letters

    JavaScript

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグイン「Shuffle Lett…

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグ…

最近の記事

  1. iPhone 11 ProとApple Watch Hermès
  2. cheero Energy Plus mini Wireless 4400mAh
  3. cheero 2 port PD Charger
  4. 台座と紅葉
  5. ニルヴァーナ バターチキンカレー

アーカイブ

PAGE TOP