iPhoneライクに数字をスクロールさせるJavaScript「mobiscroll」

iPhoneの数字スクロールはインターフェースが変わり、設定すら楽しいUIになります。
これをjQueryで実現したmobiscrollを紹介します。

sponsors

使用方法

mobiscrollからファイル一式をダウンロードします。

<link href="jquery.scroller-1.0b.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>	
<script src="jquery.scroller-1.0b.js" type="text/javascript"></script>
<script>
$(function () {
	 $('#id名').scroller();
});
</script>
あとは上記idをinputに付与すれば完成です。

<input type="text" id="id名" class="genField textEntry date" readonly="readonly" />

サンプル


Javascriptサンプルページ一覧
skuare.net

sponsors