WebデザイナーのためのjQuery実践講座

「タブ切り替え機能」とは?

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
「タブ切り替え機能」とはどういったものなのかを、完成版をプレビューしながら確認致します。
講師:
01:40

字幕

このレッスンでは タブ切替機能とは どういったものかについて― 完成版をプレビューしながら 確認していきたいと思います 今 画面に表示されているのが このコースで制作していく― 架空のウエブサイトの完成版となります 以降のレッスンで作成していく タブ切替機能ですが― こちらのウエブサイトの中の こちらの部分で実装しています まず こちらの上の部分が タブとなっていて そして― こちらの下の部分が そのタブに連動したコンテンツ― という形になっています この様に現在 表示しているコンテンツに 対応するタブの色を今回は― 赤色にするように指定しています そして 例えば こちらをクリックすると このようにタブの色が変わって そして― この 4 月から 6 月限定というタブに 連動したコンテンツが表示されてきます 他のタブも同様です この様にクリックすると  この様にコンテンツの方が切り替わります そして こちらもこうなりますね これがいわゆるタブ切替機能となります 以降のレッスンでは  このタブ切替機能について― jQuery と jKit プラグインを使って 実装していってみたいと思います 以上でレッスンは終了です 今回はタブ切替機能とは どういったものかについて― 完成版をプレビューしながら 確認致しました 次からのレッスンでは このタブ切替機能を 実装する為の HTML のー コーディング方法について いくつかのポイントを― ご紹介していきますので そちらも合わせてご覧下さい

WebデザイナーのためのjQuery実践講座

jQueryとはJavaScriptを簡単かつ便利に扱えるJavaScriptライブラリです。このコースではプログラミングの知識はそれほどないけれど日々仕事でHPを制作しているWebデザイナーの方や趣味で自分のサイトを運営している方などを対象に、jQueryとプラグインを利用してさまざまな機能や効果を手軽にサイトに実装する方法を学びます。

2時間04分 (34 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2015年06月29日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。