JavaScript

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

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

[ads_center]

Splitcharの使い方

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

Splitchar

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

Splitchar

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

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

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

Splitchar

関連記事

  1. jQuery Smart Placeholder
  2. scrollMonitor

    JavaScript

    要素が表示領域に入ったり出たりするとイベントを受け取れる「scrollMonitor」

    scrollMonitorは、要素が表示領域(ビューポート)に入ったり…

  3. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  4. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  5. fineScroll bar

    JavaScript

    簡単に使えるスクロールバー実装「fineScroll bar」

    fineScroll barは簡単に使えるスクロールバーを実装できるj…

  6. Fly to

    JavaScript

    カートに入れた際に飛んでいくエフェクトのjQueryプラグイン「Fly to」

    Fly toは商品をカートに入れた際にカートまで飛んでいくエフェクトを…

最近の記事

  1. ACC-TRBX
  2. ピスタチオ クリスマス ツリー フラペチーノ
  3. SF-G64T
  4. USB Type-C搭載ドッキングステーション

Facebookページ

PAGE TOP