株式会社ピクセルグリッド / PixelGrid Inc.スタッフの多くはフロントエンド技術を得意とし、 10年以上Webアプリケーション開発に取り組んできたWebエンジニア。 技術書の著書があり、専門的な講演をこなすWebのプロフェッショナルです。 長い間培った経験により選定する「新しくより良いWeb技術」を使ったWeb開発で、 プロジェクトを成功に導きます。
JavaScript でタブメニュー（画像ボタン） - purazumakoiの[はてなブログ]
画像をタブとして使いたかったので 画像をボタンとし、デフォルト、オーバー、アクティブでそれぞれ画像が切り変わるタブメニューを作りたいなと思い、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)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
