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

Unicorn.jsホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」前のページ

上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」次のページSlinky.js

最近の記事

  1. クリスマスブロンドロースト
  2. トマトとニンニク
  3. ウィンターホワイトマグツリー
  4. 読書の進捗状況を非表示にする
  5. 牛すじ煮込みカレーと温野菜
PAGE TOP