言語を学ぶ

jQueryでつくるタブ切り替え

jQueryでつくるタブ切り替え

チャプター:7

このブックでは、jQueryを使用して タブをクリックすると中身が切り替わるレイアウトの学習を行います。

1.HTML構造をつくる

このチャプターでは タブ切り替えの土台となるHTML構造を作成していきます。

38P

2.タブの装飾

このチャプターでは、レイアウト全体を囲む部分である「tab」というクラス名がついた要素を装飾していきます。

28P

3.tab_headの装飾

このチャプターではタブ部分となる「tab_head」を装飾します。

30P

4.各タブの装飾

このチャプターでは、それぞれのタブの装飾を行います。

44P

5.tab_bodyの装飾

このチャプターでは、本文が表示される部分を囲む場所の装飾を行います。

32P

6.本文のリストの実装

このチャプターでは、タブに対応するそれぞれの本文部分をCSSで装飾していきます。

28P

7.タブ切り替えの実装

このチャプターでは、実際にjQueryを使用してタブ切り替えの実装をしていきます。

40P