2013-04-21から1日間の記事一覧
ページ遷移のアニメーションエフェクト トップページ（#index）から各ページへのリンクをタップすると、ページが左右にスライドしながら遷移する jQuery Mobileではさまざまなページ遷移のアニメーションエフェクトが用意されており、a要素に対してカスタム…
リストの表示 スマートフォンサイトで多用されるのが、リスト表示 jQuery Mobileではさまざまなリスト表示のUIが用意されている 一般的なリスト data-role属性「listview」 ul、ol/li要素などのリストでマークアップされた項目にdata-role属性「listview」を…
リストの表示 一般的なリスト data-role属性「listview」入れ子状態のリストでは、最初にメイン（親）のリストが表示され、リストをタップするとページが遷移して子リストが表示されます ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>リストの表示</title> </meta></meta></head></html>
分割リスト li内に2つのリンクを記述すると、1つのリスト項目に2つのリンクを設定できる分割リストも作成できる 分割リストでは、2番目のリンクはリンクアイコンだけが表示される ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuery Mobile Sample</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </meta></meta></head></html>
説明付きのリスト ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>説明付きのリスト</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> </link></meta></meta></head></html>
