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程序设计有所帮助。
相关文章
这篇文章主要介绍了javascript实现时间日期的格式化的方法汇总，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
本篇文章主要介绍了使用Ajax与服务器（JSON）通信方法，Ajax提供了两类服务器通信手段：同步通信和异步通信。有需要的可以了解一下。2016-11-11
JavaScript Object的extend是一个常用的功能
对Object的extend是一个常用的功能。举一个例子，由于javascript 没有重载（overload），而且函数的参数类型是没有定义的，所以很多时候我们都传入一个对象来作为参数已方便控制。2009-12-12
跟我学习javascript的最新标准ECMAScript 6，ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony，感兴趣的小伙伴们可以参考一下2015-11-11
为了防止INPUT按回车form自动提交，可以以下两种方法：增加一个隐藏的input。为input增加一个按键事件来阻止form提交。具体详情可以参考下本文2016-12-12
这篇文章主要为大家详细介绍了基于JavaScript canvas绘制贝塞尔曲线的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了微信支付如何实现内置浏览器的H5页面支付的相关资料,需要的朋友可以参考下2015-09-09
jQuery ajax(复习)—Baidu ajax request分离版
你没有看错标题，本文的确是在讲Baidu ajax，不过是很久很久以前的版本了,我们先分析一段简单的ajax代码，来自早期的百度七巧板项目通过这个来先复习一遍ajax的知识2013-01-01
这篇文章主要介绍了JavaScript如何向页面中添加一个按钮,使用两种方式向页面中添加一个按钮,分别是appendChild()和innerHTML属性,本文结合示例代码介绍的非常详细,需要的朋友可以参考下2023-10-10
浅谈js-FCC算法Friendly Date Ranges(详解)
下面小编就为大家带来一篇浅谈js-FCC算法Friendly Date Ranges(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
最新评论