LuminJS

JavaScript

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

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

LuminJS

デモ

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

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

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

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

LuminJS

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

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

関連記事

  1. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  2. Chameleon.js
  3. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  4. Hamburger Icon Menu
  5. FrameScrub
  6. no-image

    JavaScript

    チェックボックスをアニメーショントグルにする「jquery-simpletoggler」

    jquery-simpletogglerは、デフォルトのチェックボック…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP