javascript_javascript スキルで実装されたマルチレイヤー切り替えエフェクトの一般的な関数の例

この記事の例では、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 プログラミング設計に役立つことを願っています。