カテゴリーが多いスマホサイトで役立つ「スワイプ対応メニュー」（2/2）|WD Online
2016.01.04 課題解決のためのUI実装講座 Web Designing 2016年1月号 カテゴリーが多いスマホサイトで役立つ「スワイプ対応メニュー」（2/2） スワイプ対応タブメニューを実装してみよう Text：町田なつみ、古川佑太朗 スワイプに対応したタブメニューの事例から、そのメリットや気をつけるべき点が把握できたところで、サンプルを使って実装例を解説していこう。 サンプルファイルダウンロードのご案内 このコーナーで紹介しているサンプルファイルは、こちらからダウンロードできます。ぜひ、サンプルを動かしたりカスタマイズしながら読み進めてください。 ［SWIPE TAB 01］タブ部分を配置し横スクロールに対応させる それでは、スワイプ対応タブメニューをつくってみよう。コンテンツ部分のスワイプ時に連動して、タブメニューをスクロールさせ、常にカレントのタブが表示されるようにする。さ
戻るボタンで戻っても、選択したタブが開かれたまま！Jqueryの便利なタブプラグイン、hashchangeTab.js | 株式会社アジケ
jqueryを使ったタブの実装方法はいろいろありますが、 どの方法でも大抵は、別のページにリンクしてから ブラウザの戻るボタンで元のページに戻ると、 タブが初期状態に戻ってしまいます。 そこでブラウザ戻るボタンで戻った際、 選択していたタブが開いたままになるタブプラグイン 「hashchangeTab.js」を作成しました。 hashchangeTab.js ダウンロード hashchangeTab.js デモページ □hashchangeTab.js の使い方 ●必要なファイル jquery（1.2.6以上） jquery.ba-hashchange.js ●設定方法 まず、下記のような形で各Javascriptファイルを読み込みます。 [javascript] <script type=’text/javascript’ src=’http://ajax.googleapis.com/
jQuery UI Tabs
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
