前端开发

 首页 > 前端开发 > javascript > javascript如何实现的多个层切换效果通用函数实例

javascript如何实现的多个层切换效果通用函数实例

分享到:
【字体:
导读:
          本文实例讲述了javascript实现的多个层切换效果通用函数。分享给大家供大家参考。具体实现方法如下: function ChangeDiv(tagId,tagName,divId,divName,zDivCount,tagclass,divclass) { for(i=0;i=zDivCount;i++)...

本文实例讲述了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正则表达式验证数字
     function validate(){        var reg = new RegExp("^[0-9]*$");        var obj = document.getElementById("name");     if(!reg.test(obj.value)){         alert("请输入数字!");     }     if(!/^[0-9]*$/.test(obj.value)){         alert("请输...
Jsonp post 跨域方案
近期在项目中遇到这样一问题,关于jsonp跨域问题,get传值是可以的,但post传值死活不行啊,于是网上看了一大堆关于这方面的资料,最终问题得以解决,今天抽空与大家分享下。 说明: http://www.t1.com/index.php 服务端URL 当然这是我本地配置的,需要改为自己对应的地址。 客户端代码:   ...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……