ホームページ > ウェブフロントエンド > jsチュートリアル > javascript_javascript スキルで実装されたマルチレイヤー切り替えエフェクトの一般的な関数の例

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

WBOY
リリース: 2016-05-16 15:51:22
オリジナル
1068 人が閲覧しました

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート