スマホHTML5共通
http://www.garitto.com
マイページ
カート
検索
マイページ
カテゴリ
特集
商品検索
ぽっぷあっぷ
文字サイズ
:
ポップアップメニュー
上部自由記入欄
http://www.garitto.com
ホーム
新規登録
ショッピングカート
ログイン
"><i>お気に入り</i>
商品カテゴリ一覧
特集
新着商品
Recommended items
Item Ranking
最近チェックした<i>アイテム</i>
What's New
店長日記
私が店長です
掲示板
メールマガジン
カレンダー
特定商取引法表示
ご利用案内
お問い合わせ
関連ページ一覧
商品検索
全商品レビュー一覧
全商品リンク表示しないのグループ区分
カスタム Full@
garitto
@セキュア
ポップアップメニュー
下部自由記入欄
http://www.garitto.com
メインエリア上部自由記入欄
http://www.garitto.com
ホーム
>
タブJSてすと
タブの初期値指定なしは1つ目のタブが初期値
タブ1
タブ2
タブ3
タブ4
タブ1の内容
タブ2の内容
タブ3の内容
タブ4の内容
3つ目のタブが初期値 :: 初期値にしたいタブにclass="tab_on"
タブ1
タブ2
タブ3
タブ4
タブ1の内容
タブ2の内容
タブ3の内容
タブ4の内容
タブ部分がul/li無しのaタグのみ :: data-tab-selector="a"
タブ1
タブ2
タブ3
タブ4
タブ1の内容
タブ2の内容
タブ3の内容
タブ4の内容
タブの履歴を残す :: data-history="on" (※モダンブラウザのみ動作)
タブ1
タブ2
タブ3
タブ4
タブ1の内容
タブ2の内容
タブ3の内容
タブ4の内容
タブ切り替え時にアンカー移動 :: data-anchor="on"
タブ1
タブ2
タブ3
タブ4
タブ1の内容
タブ2の内容
タブ3の内容
タブ4の内容
メインエリア下部自由記入欄
JavaScriptを有効にしてご利用ください