トップページをタブメニュー化(ホームページ技術情報)

カテゴリー(記事区分): 教区取組 / 部門 / 推進本部事務局

キーワード(索引語): 
最終更新日:2014年2月25日

平和の使徒推進本部ホームページのトップページにある推進事項を2013年8月20日よりタブメニュー化しました。

ソース等の技術情報は、後日追加する予定です。

タブメニュー化

ご意見のある方は、facebookコメントでお願いします。

追記

2014年2月1日よりタブメニュー化を中止しています。

技術情報

ヘッダー部

<script type="text/javascript"><!--
function ChangeTab(tabname) {
   // 全部消す
   document.getElementById('tab1').style.display = 'none';
   document.getElementById('tab2').style.display = 'none';
   document.getElementById('tab3').style.display = 'none';
   document.getElementById('tab4').style.display = 'none';
   document.getElementById('tab5').style.display = 'none';
   document.getElementById('tab6').style.display = 'none';
   document.getElementById('tab7').style.display = 'none';
   // 指定箇所のみ表示
   document.getElementById(tabname).style.display = 'block';
}
// --></script>

説明

<head></head>内に上記、javascriptを入力します。

指定されたタブを表示する関数です。タブの数だけ、「document.getElementById(‘tab7’).style.display = ‘none’;」を増減させます。「tab7」はタブのクラスやID名ですので便宜的に名前を変えてください。

ボディ部

CSS



 

文書(ページ)情報

掲載日2013年8月20日
更新日2014年2月25日
閲覧回数5,478 Views
推進・区分推進本部事務局
タグ(索引語)
編集者web管理者
次の記事
前の記事