2007/06/10

Web上でのタブを表示・切替えるやり方

CSSで、タブを表現している場合があるけど、これのやり方を知りました。
★作り方
 ・タブとなる画像を作成
  画像には、ノーマル状態とホバー状態の二つを事前に入れておく。
 ・CSS タブを表示するdivタグのbackgroud:urlとして画像を配置。
 ・ホバーしたらbackgroud-positionを変更する

これだと、backgroundだけが状態によって変更されるのでいちいち画像を
読み込まなくてもよくなる。
スポンサーリンク

スポンサーリンク