Switchery

JavaScript

チェックボックスをiOS7のようなスタイルにしてくれるjQueryプラグイン「Switchery」

SwitcheryというjQueryプラグインを使えば、チェックボックス(checkbox)をiOS7のようなスタイルに実装することができます。動作も似ているのでネイティブアプリのような雰囲気を出したい時によさそうですね。

[ads_center]

Switcheryの使い方

こんな感じのチェックボックスを実装できます。

Switchery

デフォルトの設定は以下。オプションを設定することで変更可能です。

defaults = {
    color          : '#64bd63'
  , secondaryColor : '#dfdfdf'
  , className      : 'switchery'
  , disabled       : false
  , disabledOpacity: 0.5
  , speed          : '0.1s'
}

モバイルでも使いやすいチェックボックスを実装したい時に覚えておきたいですね。

Switchery – iOS 7 style switches for your checkboxes

関連記事

  1. Accordion.JS

    JavaScript

    クイックな開閉で使いやすいアコーディオン実装「Accordion.JS」

    Accordion.JSは、開閉の動作がクイックで使いやすいアコーディ…

  2. shCircleLoader
  3. Foxholder
  4. flipLightBox
  5. Adi.js

    JavaScript

    アドブロックを検知してくれる「Adi.js」

    Adi.jsはアドブロックを検知してくれるjQueryプラグインです。…

  6. no-image

    JavaScript

    軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」

    Zebra Pinは軽量なスティッキー要素を実装できるjQueryプラ…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP