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


Posted in Javascript onJuly 06, 2015

本文实例讲述了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 相关文章推荐
jquery全选checkBox功能实现代码(取消全选功能)
Dec 10 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
基于BootstrapValidator的Form表单验证(24)
Dec 12 Javascript
vue中的非父子间的通讯问题简单的实例代码
Jul 19 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
使用puppeteer爬取网站并抓出404无效链接
Dec 20 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 #Javascript
Jsonp post 跨域方案
Jul 06 #Javascript
javascript运动详解
Jul 06 #Javascript
浅谈jQuery中height与width
Jul 06 #Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 #Javascript
浅谈Javascript实现继承的方法
Jul 06 #Javascript
JavaScript保存并运算页面中数字类型变量的写法
Jul 06 #Javascript
You might like
《魔兽争霸3:重制版》翻车了?你想要的我们都没有
2019/11/07 魔兽争霸
Smarty+QUICKFORM小小演示
2007/02/25 PHP
php根据日期判断星座的函数分享
2014/02/13 PHP
php简单定时执行任务的实现方法
2015/02/23 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
网页的分页下标生成代码(PHP后端方法)
2016/02/03 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
Javascript检查图片大小不要让大图片撑破页面
2014/11/04 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
jQuery拖动布局其结果保存到数据库
2015/10/09 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
js实现的简练高效拖拽功能示例
2016/12/21 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
nodejs中request库使用HTTPS代理的方法
2019/04/30 NodeJs
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
Python中的对象,方法,类,实例,函数用法分析
2015/01/15 Python
python isinstance函数用法详解
2020/02/13 Python
python str字符串转uuid实例
2020/03/03 Python
Canvas获取视频第一帧缩略图的实现
2020/11/11 HTML / CSS
暇步士官网:Hush Puppies
2016/09/22 全球购物
酒店保洁主管岗位职责
2013/11/28 职场文书
求职信的要素有哪些呢
2013/12/26 职场文书
保险专业自荐信范文
2014/02/20 职场文书
会计工作岗位职责
2015/02/03 职场文书
学校捐书活动总结
2015/05/08 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书