自動でタブ切り替えもできるjQueryプラグイン「Tabslet」!

2015/08/21

こんにちは。
今回は自動でタブ切り替えもできるjQueryプラグイン「Tabslet」!

自動でタブ切り替えを実装する時に、こちらのプラグインを使わせて頂いたので紹介したいと思います。

自動でタブ切り替えもできるjQueryプラグイン「Tabslet」!

Tabslet

tabslet

 

jQueryプラグイン「Tabslet」をダウンロードしてみよう!

Tabslet」のサイトの「DOWNLOAD」のボタンをクリックしてダウンロードします。

 

jQueryプラグイン「Tabslet」を設置してみよう!

html部分を記述します。

 

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

 

その下に下記のスクリプトを記述します。
これがデフォルトの状態になります。

 

どのタブから始めるか設定できます。

 

マウスオーバーで切り替える事ができます。

 

アニメーションで切り替える事ができます。

 

自動で切り替える事ができます。

 

「previous」、「next」のボタンを付ける事ができます。

 

切替時の前にイベントを設定する事ができます。

 

切替時の後にイベントを設定する事ができます。

 

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

 

いかがでしたか。タブにいろいろな機能を追加できるので便利ですね。
以上で自動でタブ切り替えもできるjQueryプラグイン「Tabslet」!

RELATED POST