LuminJS

JavaScript

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

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

LuminJS

デモ

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

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

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

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

LuminJS

Parazoomクールに拡大・チルトする画像ズーム「Parazoom」前のページ

水平の画像タイムラインを実装できる「Jquery-Slider」次のページJquery-Slider

関連記事

  1. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

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

    JavaScript

    jQueryのif文を使ってタグやクラス名によって条件分岐するやり方

    jQueryで普通にif文を使った条件分岐のやり方です。指定したタグや…

  3. Notyf

    JavaScript

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

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

  4. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

  5. jTableScroll

    JavaScript

    ヘッダーとフッターを固定したままスクロール可能なテーブル「jTableScroll」

    jTableScrollはヘッダーとフッターを固定したままスクロール…

  6. JavaScript

    画像を素敵なアニメーションで次々に表示させるjQueryのイメージギャラリー「Heap Shot」

    とても素敵な画像の見せ方だったのでご紹介します。jQueryプラグイン…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP