javascriptによって実現される複数の層切替効果の汎用関数の例

840 ワード

本論文の例は、javascriptによって実現される複数の層切替効果の汎用関数を説明する.皆さんの参考にしてください.具体的な実現方法は以下の通りです.

function ChangeDiv(tagId,tagName,divId,divName,zDivCount,tagclass,divclass) {
for(i=0;i<=zDivCount;i++) {
document.getElementById(divName+i).style.display="none";
document.getElementById(divName+i).className='';
document.getElementById(tagName+i).className='';
}
document.getElementById(divName+divId).style.display="block";
document.getElementById(tagName+tagId).className=tagclass;
document.getElementById(divName+divId).className=divclass;
}

tagId、tagNameはマウスクリックの制御層のidと名称divIdで、divNameは表示と非表示を制御する層のidと名称zDivCountは表示と非表示の層の個数-1(5層なら4)です.
tagclass、divclassはそれぞれコントロール層のスタイルとコントロール層のスタイルです.
本論文で述べたように、皆さんのjavascriptプログラムの設計に役に立ちます.