iPhoneスタイルのチェックボックスをjQueryで簡単実装
2009年06月19日-
スポンサード リンク
Introducing iPhone-style Checkboxes
iPhoneスタイルのチェックボックスをjQueryで簡単実装。
次のようなiPhoneに使われているようなUIのチェックボックスを実装するライブラリが公開されています。
使い方は次のように、$(エレメント).iphoneStyle() という風に初期化するだけという簡単さです。
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$(':checkbox').iphoneStyle();
});
</script>
微妙にアニメーションする部分も芸が細かくていいです。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- ダークモード対応のミニマルなHTMLページを作れるCSS「spcss」
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- シンプルなタブUIを実現できる「Skeletabs」
- 過去のエントリ