jQueryで画像のタブメニューを実装しているサイトのご紹介

新米Webデザイナーのナカモラです!
今回は、jQueryで画像のタブメニューを実装しているサイトのご紹介をしたいと思います!

テキストのタブメニューを紹介しているサイトは結構あるんですが、画像で実装となると結構少ないんですよね。
でもどうしても画像で!という方結構いらっしゃるのではないでしょうか?

jQueryだとデフォルトでは画像での実装ができないので新しくスクリプトを書くしかないそうなんですが、jsの知識が薄い私にはとてもとても。。
ということで、実際に画像を使ったタブメニューを作った方を探しました。
↓下記のブログでご紹介されていますが、これからのweb制作にかなり使えそうです。

Yukie Nakanishi.com
タブが画像のjQueryプラグイン

独学WEBデザイナーの覚書
jQueryでタブメニューを実装(画像メニュー版)

あとはこちらはアイコンを使ったアニメーションタブメニューですが、そのままでも、カスタマイズしても良い感じに使えそうなのでご紹介。タブメニューまるごとダウンロード出来ます。

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial | Queness(英語)


構成が書かれているので、サイズ変更など簡単に出来ます。

タブ実装で悩んでいる方、是非使ってみてください。

この記事は

Interest Speaker > 紹介 > jQueryで画像のタブメニューを実装しているサイトのご紹介

この記事と類似または関連した記事

Google feed API が使えなくなったので YQL API を使ってRSSフィードを取得して使った話
Google feed API が使えなくなったので YQL API を使ってRSSフィードを取得して使った話
CSS によるロールオーバー
CSS によるロールオーバー
Xperia おもしろAndroidアプリ「スカウター」
Xperia おもしろAndroidアプリ「スカウター」