Introducing iPhone-style Checkboxes

iPhoneスタイルのチェックボックスをjQueryで簡単実装。
次のようなiPhoneに使われているようなUIのチェックボックスを実装するライブラリが公開されています。



使い方は次のように、$(エレメント).iphoneStyle() という風に初期化するだけという簡単さです。

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
    $(':checkbox').iphoneStyle();
});
</script>

微妙にアニメーションする部分も芸が細かくていいです。

関連エントリ

• iPhone/iPodTouch風のON・OFFスイッチをJavaScriptで作成しよう
• iPhoneのロック解除の際のあのUIをJavaScriptで実現
• JavaScriptでiPhoneのUIを実現した「iPhone Interface in JavaScript」