JavaScript

文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

SplitcharというjQueryプラグインを使えば、文字の半分をスタイルしたりすることができます。垂直にスタイルを分割したり、水平に分割することもできます。半分(ダブル)以外にもトリプルに設定することも可能なので、文字をスタイルする際に活用してみたいプラグインですね。

[ads_center]

Splitcharの使い方

このように文字の半分が別のスタイルになっています。

Splitchar

他にも以下のようなトリプルのスタイルなんかにも設定することができます。

Splitchar

実際のデモでは、HorizontalのDoubleとTriple、VerticalのDoubleとTripleを選択できるようになっています。気になる方はチェックしてみて下さい。

使い方もシンプルで使いやすそうですね。

$(document).ready(function(){
    $(".splitchar").splitchar();
});

Splitchar

関連記事

  1. JavaScript

    ショータイムが始まる前のスポットライトのようなjQueryプラグイン「Spotlight」

    Spotlightはショータイムが始まる前のスポットライトのようなアニ…

  2. jQuery.mousetip

    JavaScript

    マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」

    jQuery.mousetipはマウスの動きや位置に追従してくる軽量の…

  3. AJAX Live Search
  4. JavaScript

    jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた

    jQueryプラグインで画面のサイズによってレイアウトを合わせてくれる…

  5. KGallery

    JavaScript

    縦や横に配置されたサムネイルから画像を選択できるjQueryの画像ギャラリー「KGallery」

    縦や横に配置されたサムネイルから画像を選択することができるjQuery…

  6. no-image

    JavaScript

    サラッとスライスで切り替わるスライダー実装「Slice Slider」

    Slice Sliderはサラッとスライスでシンプルに切り替わるスライ…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP