ALighter

JavaScript

任意のテキストの場所に光を当ててくれるjQueryプラグイン「ALighter」

ちょっとしたアクセントに使えそうですね。任意のテキストの場所に光を当ててくれるjQueryプラグイン「ALighter」。注目させたいテキストに使ったりすると面白そうな感じです。bタグなどではなく違う形で文字を目立たせたいといった時に使ってみたいですね。以下は使い方です。

[ads_center]

使い方

ALighterの使い方

このようにライトの光を当てたような感じになります。

使い方はとても簡単です。適用したいテキストをspanで括りtoALightというクラス名を付与します。

<div>サンプル<span class="toALight">テキスト</span>サンプル</div>

そしてプラグインを呼び出します。

$("div").alighter();

オプションでは色や不透明度、ぼかしなどを設定することができます。詳細は以下からどうぞ。

関連記事

  1. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  2. Ladda

    JavaScript

    ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」

    Laddaはボタンとローディングアイコンが一緒になったUIを実装するこ…

  3. Jquery Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

  4. Animocons

    JavaScript

    アイコンに素敵なアニメーションを実装できる「Animocons」

    Animoconsはアイコンにさまざまなアニメーションを加えることがで…

  5. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

  6. no-image

    JavaScript

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

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

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP