ALighter

JavaScript

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

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

[ads_center]

使い方

ALighterの使い方

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

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

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

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

$("div").alighter();

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

関連記事

  1. ClassyCountdown

    JavaScript

    スタイリッシュな円形カウントダウンのjQueryプラグイン「ClassyCountdown」

    ClassyCountdownはシンプルでスタイリッシュな円形カウント…

  2. jquery-scrollstop

    JavaScript

    スクロールの開始・終了時のイベントを設定できる「jquery-scrollstop」

    jquery-scrollstopはスクロールの開始・終了時のイベント…

  3. Magnific Popup

    JavaScript

    レスポンシブに対応したLightbox風のjQueryプラグイン「Magnific Popup」

    レスポンシブに対応したLightbox風のjQueryプラグイン「Ma…

  4. Wallpaper

    JavaScript

    背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」

    WallpaperというjQueryプラグインを使えば背景画像のレイア…

  5. jQuery Video Extend

    JavaScript

    動画をチャプターごとに区切れる「jQuery Video Extend」

    jQuery Video Extendは動画をチャプターごとに区切った…

  6. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

コメント

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

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

最近の記事

  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