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. さくらドーナツ
PAGE TOP