カスタマイズ自在なタブ切り替えスクリプト「yetii.js」

※このページは十字架ラビアンローズの1コンテンツで、カスタマイズ自在なタブ切り替えスクリプト「yetii.js」の動作サンプルになります。

基本

サンプルサンプルサンプルサンプルサンプルサンプル

テストテストテスト

テストテストテスト

ダミー

ダミーダミー

ダミーダミーダミー

最後に表示したタブを記憶/prev・nextでタブ切り替え/クリックで指定のタブを表示

≪prevnext≫ここをクリックすると2つめのタブを表示します

サンプルサンプルサンプルサンプルサンプルサンプル

テストテストテスト

テストテストテスト

ダミー

ダミーダミー

ダミーダミーダミー

タブを入れ子にする事も出来ます。

その1その1その1その1

その2その2

その2その2

初期時に特定のタブを表示/タブ表示時・離脱時に関数を呼び出す

1つめのタブ表示時・2つめのタブ離脱時にアラートが表示されます。
また、初期時は3つめのタブが表示されています。

サンプルサンプルサンプルサンプルサンプルサンプル

テストテストテスト

テストテストテスト

ダミー

ダミーダミー

ダミーダミーダミー

タブが自動的に切り替わる

3秒ごとにタブが自動的に切り替わります。
タブボタンをクリックすると自動切り替わりが10秒停止します。
(10秒停止+3秒で切り替わり=正味13秒間表示)

サンプルサンプルサンプルサンプルサンプルサンプル

テストテストテスト

テストテストテスト

ダミー

ダミーダミー

ダミーダミーダミー