iPhoneスタイルã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’jQueryã§ç°¡å˜å®Ÿè£…:phpspot開発日誌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ã‚’
[JS]ç°¡å˜ã«è¨ç½®ã§ãるページ内をスムーズã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãるスクリプト -Page Scroller ver.3 | コリス![[JS]ç°¡å˜ã«è¨ç½®ã§ãるページ内をスムーズã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãるスクリプト -Page Scroller ver.3 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
{{#tags}}- {{label}}
{{/tags}}