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程序设计有所帮助。
相关文章
这篇文章主要介绍了JS如何完整获取IE浏览器信息包括类型、版本、语言等等,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了JS制作适用于手机和电脑的通知信息效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了微信小程序缓存过期时间的相关知识，主要包括微信小程序缓存机制介绍及哪些是一定需要过期的缓存，本文给大家介绍的非常详细,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了微信小程序拖拽排序列表的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
这篇文章主要介绍了javascript实现随时变化着的背景颜色的方法，非常的简单实用，有需要的小伙伴可以直接拿走。2015-04-04
这篇文章主要为大家介绍了使用JS手写一个类似 Laravel 验证器的表单验证器实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
解析ScrollPic在ie8下只滚动一遍,然后变为空白(ie6,ie7,chrome,firefox都正常)2013-06-06
这篇文章主要介绍了JS实现定时自动关闭DIV层提示框的方法,可实现加载时载入js代码控制div层提示框自动关闭的效果,非常简单实用,需要的朋友可以参考下2015-05-05
前几天一个项目让我头疼了很久，一个关于图片加载时的loading效果，因为不是太懂js，所以在网上各种找资料，但还是不理想，无赖苦心研究，终于有了一点眉目了，虽然个中还有一些道理不懂，至少目的达到了2013-11-11
此前发表的那一版确实能不用循环，但是总用正则表达式的替换，不一定比用循环提高性能，而且把程序搞得有些太复杂了。从《JavaScript权威指南》上学到的范例如下2009-01-01
最新评论