javascript实现的多个层切换效果通用函数实例
更新时间：2015年07月06日 12:29:12 作者：jiedushi
这篇文章主要介绍了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程序设计有所帮助。
相关文章
把项目里很土的弹窗，改成了遮罩层显示，现在感觉好多了。在这里创建一个div和body一样大小，这样就可以把整个页面全部盖住了，具体实现祥看本文，希望可以帮助到你2013-05-05
JS的继承方式在我们面试的时候经常会被问到，所以深入理解js继承方式以及它们的优缺点是非常有必要的。本文为大家整理了JavaScript中常见的七种继承及实现，需要的可以参考一下2023-03-03
这篇文章主要为大家详细介绍了微信小程序媒体组件的相关资料，包括视频，音乐，图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
本文是一个学习javascript的新手总结的一些关于javascript的方法，有需要的小伙伴可以参考下。2015-07-07
最近有项目需求，需要在加入新机构的时候，需要选择它的上级机构，下面把代码整理，分享给大家，需要的朋友可以参考下2015-09-09
本文主要对JavaScript中String对象的方法进行介绍。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
Typescript高级类型Record,Partial,Readonly详解
这篇文章主要介绍了Typescript高级类型Record,Partial,Readonly等介绍,keyof将一个类型的属性名全部提取出来当做联合类型，本文通过实例代码给大家详细讲解需要的朋友可以参考下2022-11-11
大家过年好！新春佳节，在这个充满喜悦的日子里，愿新年的钟声带给你一份希望和期待。在这喜庆的日子里，小编和大家分享一个烟花代码，希望大家能够喜欢2023-01-01
这篇文章主要帮助大家理解javascript中的严格模式，何为严格模式，如何启用严格模式，感兴趣的小伙伴们可以参考一下2016-02-02
JavaScript是世界上最受误解的语言。有人认为它缺少信息隐藏的属性（封装），因为JavaScript对象不能拥有私有变量和函数。但这是误解。JavaScript对象可以有私有成员。下面进行说明。2009-01-01
最新评论