今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。
「タブ切り替え機能」とは？
このレッスンでは タブ切替機能とは どういったものかについて― 完成版をプレビューしながら 確認していきたいと思います 今 画面に表示されているのが このコースで制作していく― 架空のウエブサイトの完成版となります 以降のレッスンで作成していく タブ切替機能ですが― こちらのウエブサイトの中の こちらの部分で実装しています まず こちらの上の部分が タブとなっていて そして― こちらの下の部分が そのタブに連動したコンテンツ― という形になっています この様に現在 表示しているコンテンツに 対応するタブの色を今回は― 赤色にするように指定しています そして 例えば こちらをクリックすると このようにタブの色が変わって そして― この 4 月から 6 月限定というタブに 連動したコンテンツが表示されてきます 他のタブも同様です この様にクリックすると この様にコンテンツの方が切り替わります そして こちらもこうなりますね これがいわゆるタブ切替機能となります 以降のレッスンでは このタブ切替機能について― jQuery と jKit プラグインを使って 実装していってみたいと思います 以上でレッスンは終了です 今回はタブ切替機能とは どういったものかについて― 完成版をプレビューしながら 確認致しました 次からのレッスンでは このタブ切替機能を 実装する為の HTML のー コーディング方法について いくつかのポイントを― ご紹介していきますので そちらも合わせてご覧下さい
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。