前の記事 ≪:2009年6月18日 管理人のブックマーク
次の記事 ≫:CSSやJSファイルを軽量&圧縮して転送できる「csszip.php」

iPhoneスタイルのチェックボックスをjQueryで簡単実装

2009年06月19日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Introducing iPhone-style Checkboxes

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



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

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

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

関連エントリ

関連の記事検索:jQuery, JavaScript, iPhone
スポンサード リンク

By.KJ : 2009年06月19日 07:01 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)