数字でみる日本の高齢化

  • 人口の変化
  • 資産運用状況
  • 世界の高齢化

タブで表示を切り替えるスクリプトの例です。簡単なチュートリアルやヘルプを記述するのに便利である。

タブ部分とスクリプトの記述

<div class="tabs small">
<h3>数字でみる日本の高齢化</h3>
<ul>					
<li id="myTabs_0" class="current"><span class="hrefClone">人口の変化</span></li>
<li id="myTabs_1" class=""><span class="hrefClone">資産運用状況</span></li>
<li id="myTabs_2"class=""><span class="hrefClone">世界の高齢化</span></li>
</ul>
<script>
DOC_Tabs.addTabGroup("myTabs", "", "standard", "", "", "");
DOC_Tabs.addTab("myTabs_0", "tab1");
DOC_Tabs.addTab("myTabs_1", "tab2");
DOC_Tabs.addTab("myTabs_2", "tab3");
DOC_Tabs.init("myTabs");
</script>
</div>