うっかりタブの中身を盗まれるjQueryタブプラグイン jDTTabs.js

みなさん、ルパンは好きですか？もちろんルパンⅢ世です。嫌いな人はいないと思います。そんなルパンにタブの中身を盗まれてみませんか？とっつぁんもついてくるよ。

導入方法

1. jQueryとjDTTabsを読み込む

2. タブのHTMLを用意する

タブのHTMLは以下のようにします。

  

    
tab1
    
tab2
    
tab3
    
tab4
    
tab5
  
  
  
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

  bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

  bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

  bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

  bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
  
ccccccccccccccccccccccccccccccccccccccccccccccccc

  ccccccccccccccccccccccccccccccccccccccccccccccccc

  ccccccccccccccccccccccccccccccccccccccccccccccccc

  ccccccccccccccccccccccccccccccccccccccccccccccccc

  ccccccccccccccccccccccccccccccccccccccccccccccccc
  
ddddddddddddddddddddddddddddddddddddddddddddddddd

  ddddddddddddddddddddddddddddddddddddddddddddddddd

  ddddddddddddddddddddddddddddddddddddddddddddddddd

  ddddddddddddddddddddddddddddddddddddddddddddddddd

  ddddddddddddddddddddddddddddddddddddddddddddddddd
  
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

3. 実行する

$()で対象にする要素を指定します。

jQuery(function($) {
  $('#jdtTabs').jdtTabs();
});

オプション

やってやった感を演出。

オプション項目	内容
steal	クールに決めよう。
stole	悔しがろう。

注意

俺に盗めないものなんてないんだぜ？