Warning: Trying to access array offset on false in /home/users/0/mantid2/web/mantiddesign/wp-content/themes/mStyle8/single.php on line 8
[JAVASCRIPT] iPhone Toggle Switches – iPhoneのトグルスイッチをJSで再現 | mBlog

Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Calendar

2026年11月
日 月 火 水 木 金 土
1234567
891011121314
15161718192021
22232425262728
2930  

[JAVASCRIPT] iPhone Toggle Switches – iPhoneのトグルスイッチをJSで再現

by in Web Design
  • Pocket
  • このエントリーをはてなブックマークに追加

iPhone純正のインターフェースであるトグルスイッチを、通常のウェブ上でjQueryを使って再現したもの。iPhoneと同様に指でスライドさせても、またクリックするだけでもトグルが左右に切り替わります。ソースコードのダウンロードはページ下部より行えます。ソースを見ると、どうもフォームのチェックボックスタグをJSを使って上書きしているみたい。ウェブ上でiPhoneを模したインターフェースを作りたい時にイイですね。

iPhone Toggle Switches

Tagged with: , , , ,

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。