Webページってコンテンツが増えると，どんどん長くなっていきますよね．ヘッダーにサイトメニューを置いていたりすると，一番上まで戻らないといけません．結構めんどくさかったりします．もちろんスティッキヘッダーを使ったり，サイドバーを使ったりすれば，解決できますが，上の方のコンテンツを見るために戻ることもあると思います．そこで下から上へ戻るスムーズスクロールボタンがあれば，親切なサイトになるでしょう．今回はWebページ最上部へ戻るスムーズスクロールボタンをjQueryとCSSで作っていきます．

Webページを作っているときに，画面が狭くて全ての情報を載せられない！！ってなったりしませんか？今回はメニューをクリックするとページ内で切り替わるタブをjQueryで実装していきます．jQueryではクリックに合わせてactiveクラスを追加したり消去したりするだけなので，そこまで難しくはないでしょう．

今回はスティッキーヘッダーをjQueryで作っていきます．スティッキーヘッダーとは，メニュバーやサイト名がついている横長のバーのことです．Webページが長くなればなるほど，ヘッダーのメニュー情報を見るために上まで戻らなければなりません．フッターにも同じ情報を載せてもいいのですが，あまりスマートじゃないですよね．そこで，スクロールしても常時上にあるようなヘッダーを作っていきます．

少し前では<marquee>タグで流れるテキストを実装できていたのですが，このタグは廃止されてしまいました．まだ動作するブラウザもあるかもしれませんが，いつ動かなくなるか分からないので使わないようにしましょう．今回はjQueryで流れるテキストを実装してみましょう．サイトのアクセントにとても有効なデザインなので，是非使ってみてください！

前回の記事ではスライドごとにフェードイン，フェードアウトを繰り返すだけのスライドショーを作りました．これでも，スライドショーとしては機能するのですが，なにか物足りないですよね？前後のスライドに進むボタンや，現在のスライドの位置，一定時間ごとの自動スライド等があった方がおしゃれで，機能的ですよね．今回は高機能なスライドショーを作っていきます．

Webサイトで最も目を引くところといえば，スライドショーではないでしょうか．企業や飲食，教育等のHPには必ずと言っていいほどスライドショーがあります．スライドショーはページの最上部に配置され，とても目を引くコンテンツです．今回はそのスライドショーを超簡単に作って行きます．超簡単なスライドショーなので，実装する機能は，一定経過時間ごとに画像が変わる機能のみとします．