画像をタブとして使いたかったので 画像をボタンとし、デフォルト、オーバー、アクティブでそれぞれ画像が切り変わるタブメニューを作りたいなと思い、jqueryでサクッと出来るサンプルとかあるかなと思ったけど無かった・・・ という事で こちらのサンプルを元にカスタマイズさせていただきました↓ JavaScript でタブ切り替え UI を実装する | WWW WATCH このサンプルはjsを切った時に、一覧としてページ内遷移で動くところがステキですね。 今回はせっかくなのでindexページから表示部分を制御するのもやってみました。 その辺に関してはコチラ↓ GETメソッドでパラメータを受け取るJavascript 出来たもの ・demo1 ・demo2 ※パラメータの?page=の値がタブの番号 ページ内に複数設置できるようにもしたー。 コメントととか付けてないのであとで見直した時に困りそう。
![JavaScript でタブメニュー(画像ボタン) - purazumakoiの[はてなブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/3bd43a8bce699b48b1904a6d8b93359265213d8e/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fpurazumakoi%2F20080911%2F20080911200157.jpg)