ALighter

JavaScript

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

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

[ads_center]

使い方

ALighterの使い方

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

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

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

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

$("div").alighter();

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

WordTwitWordTwitの設定方法や日本語化してからの使い方について前のページ

スモーク(煙)のエフェクトを実装できるjQueryプラグイン「Audero Smoke Effect」次のページAudero Smoke Effect

関連記事

  1. jQuery Tooltip Basic

    JavaScript

    カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」

    jQuery Tooltip Basicは、カスタマイズしやすいツール…

  2. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  3. SVG 3D Tag Cloud jQuery Plugin
  4. no-image

    JavaScript

    指定したテキストをハイライトとタイピング効果で表示できる「typeLighter.js」

    typeLighter.jsは、指定したテキストをハイライトとタイピン…

  5. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  6. no-image

    JavaScript

    高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

    jQuery Mosaic pluginは高さを揃えたレスポンシブな画…

コメント

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

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

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP