タブメニューを簡単に実装できるjQueryプラグイン「tabs.js」!

2014/12/16

tabs

こんにちは。
今回はタブメニューを簡単に実装できるjQueryプラグイン「tabs.js」!です。

Webサイト制作をしているとタブメニューを使いたい時ってけっこうありますよね。
そんな時に「tabs.js」を使ってささっと実装しちゃいましょう〜!

 

デモは下記をクリックして下さい。

 

まずはダウンロードしてみよう!

下記のGitHubのサイトからダウンロードします。

https://github.com/libsjs/jquery.tabs.js

 

設置してみよう!

jQuery本体とjquery.tabs.jsを/bodyの手前に読み込みます。

 

その下に下記の記述をします。

 

html部分を記述します。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。
簡単に実装できますね。
以上でタブメニューを簡単に実装できるjQueryプラグイン「tabs.js」!でした。

topへ戻る