「iUI」Appleも薦めるiPhoneライクなUIを実現するJavascript
iPhone(見たことも、触ったこともないが)のユーザーインターフェースを実現できるJavascriptが「iUI」です。
本家のアップルも宣伝してるとか。
動作デモはこちらで確認してください。
使い方は簡単で、iUIのサイトから、jsファイルをダウンロードして、設置するだけです。
コードのサンプルは以下の通り。
<div class="toolbar">
<h1 id="pageTitle">iUI Demo</h1>
<a id="backButton" class="button" xhref="#"></a>
</div>
<ul id="home" title="home" selected="true">
<li><a xhref="#sports">Sports</a></li>
<li><a xhref="#portal">Portal</a></li>
<li><a xhref="#ezin">E-Zin</a></li>
<li><a xhref="#news">News</a></li>
</ul>
<ul id="sports" title="Sports">
<li><a xhref="#soccer">サッカー</a></li>
<li><a xhref="#baseball">野球</a></li>
<li><a xhref="#tennis">テニス</a></li>
</ul>
<ul id="soccer" title="サッカー">
<li><a xhref="http://www.yuasakenji-soccer.com/">湯浅健二のサッカーホームページ</a></li>
<li><a xhref="http://www.ibjcafe.com/talk/soccer/socc.htm">NAKATA NET</a></li>
<li><a xhref="http://www.nakata.net/">サッカーカフェ</a></li>
<li><a xhref="http://sports.biglobe.ne.jp/soccerclick/index.html">サッカークリック</a></li>
</ul>
(以下略)
簡単でしょ。